React JS CRUD Actions using REDUX Pattern MUI Design & JSON SERVER API
Рет қаралды 11,031
11 ай бұрын#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
json-server --watch src/Data/db.json --port 8000
GitHub Source code link
---------------------------------------
github.com/nihira2020/companyapp
Join this channel to get access to perks:
/ @nihiratechiees
@Times-of-TDP 11 ай бұрын
Excellent 👍👌👍
@NihiraTechiees 11 ай бұрын
Thanks
@lavanyasuresh7604 11 ай бұрын
Thanks for the update!!!
@NihiraTechiees 11 ай бұрын
Welcome🤝
@satyasai5172 11 ай бұрын
Can you upload saga
@NihiraTechiees 11 ай бұрын
Sure will upload soon
@user-wv2tv2yv3j 8 ай бұрын
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
@NihiraTechiees 8 ай бұрын
Look like bootstrap css overriding.... So you have to think in the designer point of view how to handle css overriding
@shreyas9971 9 ай бұрын
Can you tell where can I find explanation for the redux part, I found that a bit tough
@NihiraTechiees 9 ай бұрын
kzfaq.info/sun/PLfyWdpsiUiPDBeT2L4R9-h5noJo87Briq Follow this playlist
@advmiannaveedali8515 8 ай бұрын
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?
@NihiraTechiees 7 ай бұрын
Create new app follow steps in video . If you face any problem let me know when it's breaking. Source code is for your reference only
@achmaddhanytomara7227 8 ай бұрын
bro, why dont you use .jsx extension for the file instead using .js?
@NihiraTechiees 8 ай бұрын
No specific reason.... I am familiar with js extension
@victorsempereguilabert9127 11 ай бұрын
Please how to deploy in internet o production app
@NihiraTechiees 11 ай бұрын
kzfaq.info/get/bejne/mq51rcSgm9bakp8.html follow this video
@user-fj6bg9rh7y 8 ай бұрын
Bro Network Error is coming how to fix it
@NihiraTechiees 8 ай бұрын
After deployment?
@abdirahmanabdullahi1966 Ай бұрын
very good tutorial but i am getting error afterwards.
@NihiraTechiees Ай бұрын
Have you resolved the error?
@abdirahmanabdullahi1966 Ай бұрын
Yes thus for the consideration. I added a library called uuid in the id value and it working.
@sushantkumar-nk6kp 11 ай бұрын
gud job
@NihiraTechiees 11 ай бұрын
Thanks brother
@sushantkumar-nk6kp 11 ай бұрын
hello brother how are you
@NihiraTechiees 11 ай бұрын
I am good, hope you also doing good
Nihira Techiees
Рет қаралды 15 М.
EdRoh
Рет қаралды 1,4 МЛН
Nihira Techiees
Рет қаралды 47 М.
Code With Yousaf
Рет қаралды 66 М.
Build and Deploy a React Admin Dashboard App With Theming, Tables, Charts, Calendar, Kanban and More
JavaScript Mastery
Рет қаралды 1,7 МЛН
Rj Mobile 01
Рет қаралды 11 МЛН