No video

React useReducer Hook | To-Do App| State Management in React Functional Components

  Рет қаралды 11,755

Nisha Singla

Nisha Singla

Күн бұрын

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:
kzfaq.info....
Connect with Me On Social Media
Facebook: / angularjs4be. .
LinkedIn: / nisha-sin. .
Instagram : / nishasingla05
Twitter: / nishasingla05
#nishasingla #javascript #reactjs

Пікірлер: 25
@smeetcoder9021
@smeetcoder9021 Жыл бұрын
Most Underrated KZfaqr 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"})
@user-tc8ru1jt9v
@user-tc8ru1jt9v 3 ай бұрын
seen lots of use Reducer videos but you have explained everything in detail 😍😍
@jayantverma3335
@jayantverma3335 8 ай бұрын
mere ko kisi ka samajh niaya apke alava thanks main bohot time sai easy way dhund rha tha
@catwit5929
@catwit5929 11 ай бұрын
next level explanation....... you earn a subscriber
@catica33111
@catica33111 Жыл бұрын
Great explanation! Thank you so much for sharing your knowledge 😊
@akashkumawat5602
@akashkumawat5602 11 ай бұрын
Great nisha this is simple and to the point.✌
@NityaWithKomalMumaa
@NityaWithKomalMumaa Жыл бұрын
It is very helpful and very well explained.
@weforyouweb1165
@weforyouweb1165 9 ай бұрын
Superbly explained
@washimbari0001
@washimbari0001 11 ай бұрын
Great clean detailed lecture
@affanshaikh8484
@affanshaikh8484 7 ай бұрын
Awesome explanation. Thank you so much
@laishramsingh8665
@laishramsingh8665 Жыл бұрын
Nicely explain.thanks🎉
@4444-c4s
@4444-c4s Жыл бұрын
Video pe Video...🙌😌
@Chaudharyhammad
@Chaudharyhammad Жыл бұрын
Great explanation mam
@RavindraSingh-zg9eq
@RavindraSingh-zg9eq Жыл бұрын
Amazing doing great job
@bapandas1746
@bapandas1746 11 ай бұрын
Great 😊👍 explanation
@lowlifeglitch6199
@lowlifeglitch6199 4 ай бұрын
Very nice! Please, would you add 'UPDATE_TASK' case to this TodoList?
@bishwajeetpandey1570
@bishwajeetpandey1570 Жыл бұрын
Osm👍🏻
@pinakapani8250
@pinakapani8250 Жыл бұрын
very useful ❤
@akiratoriyama1320
@akiratoriyama1320 Жыл бұрын
Great video!!! Waiting for useContext!!
@LearnReactWithDeep
@LearnReactWithDeep Жыл бұрын
very helpful ❤
@shyamkumarmuchulapuri1008
@shyamkumarmuchulapuri1008 Жыл бұрын
@adeyanjumusliyu5086
@adeyanjumusliyu5086 Жыл бұрын
Where is the source code. For a beginner to think along the lecture
@shubhamdhivar5971
@shubhamdhivar5971 Жыл бұрын
I made wesite in react
@ScavengerYT9
@ScavengerYT9 3 ай бұрын
Wesite?😂😂😂
@ravinegi2189
@ravinegi2189 14 күн бұрын
keep it up! me and nisha ji with you
Learn React useReducer Hook with Examples
14:19
Lama Dev
Рет қаралды 174 М.
He bought this so I can drive too🥹😭 #tiktok #elsarca
00:22
Elsa Arca
Рет қаралды 9 МЛН
Magic trick 🪄😁
00:13
Andrey Grechka
Рет қаралды 57 МЛН
Just Give me my Money!
00:18
GL Show Russian
Рет қаралды 585 М.
Angular Interview Questions - Promise Vs Observable -  With Practical Demo
25:18
Learn useReducer In 20 Minutes
20:12
Web Dev Simplified
Рет қаралды 503 М.
Every React Concept Explained in 12 Minutes
11:53
Code Bootcamp
Рет қаралды 585 М.
He bought this so I can drive too🥹😭 #tiktok #elsarca
00:22
Elsa Arca
Рет қаралды 9 МЛН