Master Redux in 30 minutes with Todo List Project | Redux in React JS | Reducers | Actions

preview_player
Показать описание
Let's learn React Redux in one video with a Todo List Project including its concepts such as Reducers, actions, Provider, Middlewares like Redux Thunk, abd hooks like useDispatch and useSelector.

If any questions, ask me here-

Read the Written Article Here-
_____________________________________________________

Flexbox in 20 Minutes -

React Router DOM Tutorial-

Make React App a PWA -

Material UI -

Learn React From Scratch -
Рекомендации по теме
Комментарии
Автор

If anyone has problems with the list not showing up just go to your reducer and remove array from here case actions.ADD_TODO:
return {
todos: action.payload,
...state.todos,
};
the array was wrapping around action.payload, ....state.todo and couldnt get rendered because the output was todos: { 0: [ { id: ...., todos: ....} ]} so you would have to somehow map the 0 and so on so on

varsa
Автор

Thank you brother for clearing several concepts of Redux.

mohitsaud
Автор

Thank you for that, liked and subscribed to help you out. Really helpful upto date tutorial.

zedsmelee
Автор

after watching this video, I understand well about reducers and actions. thank you sir .

prachikhushal
Автор

what is the use of initialState in store.js file? we have never used it in the code

asishtammana
Автор

Please bring more redux-based projects.

anubhapant
Автор

could you please share the source code for this?

shruthiguru
Автор

it says action is not defined
gyes plzz can u help me

walideker
Автор

ive witeen the same code but, upon entering the todos list is not showing up, help

abhishekchhipa
Автор

what's the preferred way?
is it the redux tool-kit way or this method

siemen_subbaiah
Автор

Why did you not return the state with the spread operator or did we not lose the state? like return {...state, todos:action.payload } because I did this with another application and got an error of a map function in the end.

maxwelochieng
Автор

Hey, what's the difference between Npx and Npm create-react-app. Couldn't find a good explanation on Google. Thanks

zainbutt
Автор

Bro createStore is not available. What to do now. I guess react redux has been updated.

DivyaPrakash-bjzk
Автор

Hey when i Click on Add/Go button, the page reloads, but the todo doesn't show up, can anyone help?

akarshankumar
Автор

Awesome tutorial man.. can you do a Redux-Saga tutorial..

monkeystylle
Автор

Please, could you activate the subtitles, I want to translate it into Spanish.

Muchas gracias por tus videos, estoy comenzando con MERN.

RGalex
Автор

greate video it can be more of it if you explained about thung littile big thogh

tejalbhavsar
Автор

Full seo, I don't know about meta tags..

venkatesh
Автор

Redux saga and Redux thunk please make on video

DeepakGupta-pzfx
Автор

plzz make chat app and shopping cart with redux

trazhcode