React useReducer Hook | To-Do App| State Management in React Functional Components
HTML-код
- Опубликовано: 26 сен 2024
- useReducer Hook is another built in Hook in React to handle complex state management.
if your component has simple states like string, boolean then useState Hook is sufficient and you used use this only but as project grow, complexity also increase and in that case handling states with useState will be tough, there useReducer Hook will be better option.
useReducer takes 3 parameters ,
1) reducer function (required parameter ): redux is a pure function that takes previous state and action an argument and return the next state.
2) Initial State:(required parameter ) With this state, you reducer will initialise
3) init function(optional): if you pass third parameter, then it will initialise the initial state lazily.
Watch the complete video till the end to understand core of useReducer hook with basic Todo App.
Support the channel by liking this video and share in your network if you learnt something new :)
Checkout my Instagram account to find the latest notes on React, Angular and Javascript.
Instagram handler Name: @nishasingla05
Watch complete video to understand in depth.
Support my channel by liking and sharing my videos so that I can reach to wider audience.
►Checkout previous video useState Hook (part-2)
• useState Hook in React...
►Checkout previous video useState Hook (part-1)
• useState Hook in React...
►Checkout previous video Hooks
• Hooks in ReactJS: Wha...
►Project Setup using create-react-app
• ReactJS Tutorial: What...
►Virtual DOM and Real DOM
• ReactJS Tutorial: What...
►ReactJS Introduction
• ReactJS Tutorial - Int...
►Click here to Subscribe the channel:
studio.youtube....
►All important shorts videos:
ruclips.net/user/pl....
Connect with Me On Social Media
Facebook: / angularjs4be. .
LinkedIn: / nisha-sin. .
Instagram : / nishasingla05
Twitter: / nishasingla05
#nishasingla #javascript #reactjs
Most Underrated RUclipsr Mind Blowing Explanation Even after paying lacs the education institute can't but She is Insane Thank you Mam.
dispatch({type:"Best Teacher",payload:"Thank You"})
seen lots of use Reducer videos but you have explained everything in detail 😍😍
mere ko kisi ka samajh niaya apke alava thanks main bohot time sai easy way dhund rha tha
next level explanation....... you earn a subscriber
Great explanation! Thank you so much for sharing your knowledge 😊
It is very helpful and very well explained.
Great nisha this is simple and to the point.✌
Superbly explained
Nicely explain.thanks🎉
Awesome explanation. Thank you so much
Great clean detailed lecture
Great 😊👍 explanation
Video pe Video...🙌😌
Great explanation mam
Very nice! Please, would you add 'UPDATE_TASK' case to this TodoList?
Osm👍🏻
Amazing doing great job
very useful ❤
❤
Great video!!! Waiting for useContext!!
Where is the source code. For a beginner to think along the lecture
I made wesite in react
Wesite?😂😂😂
keep it up!
me and nisha ji with you
very helpful ❤