React JS CRUD Actions using REDUX Pattern MUI Design & JSON SERVER API

#reactjs #reactcrud #redux #mui #nihiratechiees

React JS CRUD Actions implementation REDUX Pattern, MUI Design and JSON Server REST API

Steps Followed
==================
* Create the new application
npx create-react-app companyapp

* Create the required files (components & Redux files)

* Install the below packages
---------------------------------------------

1, MUI
npm install @mui/material @emotion/react @emotion/styled

2, MUI Icons
npm install @mui/icons-material

3, React router
npm install react-router-dom

4, React notifications
npm i react-toastify

5, React Redux
npm i redux react-redux redux-thunk axios redux-logger @reduxjs/toolkit

6, JSON SERVER Install globally.
npm install -g json-server

7, Run API

GitHub Source code link
---------------------------------------


Join this channel to get access to perks:

[imprk-ic]

Hi Sir, if i use react select in a bootstrap enabled page, then its default appearance changed. Is there any alternative to use it without affecting its appearance on bootstrap enabled page. Thanks in advance

[achmaddhanytomara]

bro, why dont you use .jsx extension for the file instead using .js?

[RitulAnand-oynw]

on adding new company with add new button the db.json is not updating its id value it is adding only "id": 0

[advmiannaveedali]

giving errors
src/Component/Company.js
Line 2:31: 'useCallback' is defined but never used no-unused-vars
Line 111:8: React Hook useEffect has a missing dependency: 'props'. Either include it or remove the dependency array. However, 'props' will change when *any* prop changes, so the preferred fix is to destructure the 'props' object outside of the useEffect call and refer to those specific props inside useEffect react-hooks/exhaustive-deps
solution please i clone your campanyapp from github?

[shreyas]

Can you tell where can I find explanation for the redux part, I found that a bit tough

[abdirahmanabdullahi]

very good tutorial but i am getting error afterwards.

[victorsempereguilabert]

Please how to deploy in internet o production app

[HareeshDwivedi-pw]

Bro Network Error is coming how to fix it