REACT USE-CASE 101

Tool Stack

1. React
2. Redux (Redux-toolkit and Redux-toolkit/query)
3. JsonPlaceholder Fake API
4. Socket.io
5. GraphQL
6. Firebase
7. Material-UI

Project Setup

Open your terminal and run the following commands to get your copy of the projct running on your local or remote environment

git clone https://github.com/igmrrf/react-redux-jsonplaceholder

Gets a copy of the codebase to your development environment

yarn install

Installs Dependencies and Dev-dependencies required to run the project successfully

After which you can run either of the available scripts that fit your purpose

Available Scripts

In the project directory, you can run:

yarn dev

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
Edit the files as you see fit, if you end up with something you cannot resolve and wish to go back to the original code. Run git restore.
You will also see any lint errors in the console.

yarn lint

Launches the eslint in terminal

yarn test

Launches the test runner in the interactive watch mode.

yarn e2e

Launches the crypress browser based test runner

yarn build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready for production & to be deployed!

You can copy the build folder content to your server to host your copy of the project