useReducer is BETTER than useState | React Hook useReducer Tutorial
If you are building React apps with multiple state values to keep track of, your React apps need the useReducer hook! In this useReducer React Hook tutorial, you will learn how to apply useReducer to manage the state of your apps.
🚩 Subscribe ➜ https://bit.ly/3nGHmNn
🚀 React JS for Beginners full course - 9 hours: https://youtu.be/RVFAyFWO4go
🔗 Source Code: https://github.com/gitdagray/usereducer_tut
useReducer is BETTER than useState | React Hook useReducer Tutorial
(00:00) Intro
(00:12) Welcome and Overview
(01:05) useReducer vs useState
(01:53) Initializing useReducer
(03:33) Creating the reducer function
(05:42) Using dispatch and updating JSX
(07:12) Moving all state and handling an action payload
(08:25) An easy mistake to make
(10:01) Displaying state values in JSX
(12:44) Recommended: Action object lookup and dot notation
🔗 ES7 React JS Snippets Extension for VS Code:
https://marketplace.visualstudio.com/items?itemName=dsznajder.es7-react-js-snippets
🔗 React Dev Tools Extension for Chrome:
https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi
📚 References:
ReactJS Official site: https://reactjs.org/
React Wikipedia: https://en.wikipedia.org/wiki/React_(JavaScript_library)
React Jobs: https://www.ziprecruiter.com/candidate/search?search=react&location=
✅ Follow Me:
Twitter: https://twitter.com/yesdavidgray
LinkedIn: https://www.linkedin.com/in/davidagray/
Blog: https://yesdavidgray.com
Reddit: https://www.reddit.com/user/DaveOnEleven
Was this tutorial about the React hook useReducer helpful? If so, please share. Let me know your thoughts in the comments.
#usereducer #react #hooks
Видео useReducer is BETTER than useState | React Hook useReducer Tutorial канала Dave Gray
🚩 Subscribe ➜ https://bit.ly/3nGHmNn
🚀 React JS for Beginners full course - 9 hours: https://youtu.be/RVFAyFWO4go
🔗 Source Code: https://github.com/gitdagray/usereducer_tut
useReducer is BETTER than useState | React Hook useReducer Tutorial
(00:00) Intro
(00:12) Welcome and Overview
(01:05) useReducer vs useState
(01:53) Initializing useReducer
(03:33) Creating the reducer function
(05:42) Using dispatch and updating JSX
(07:12) Moving all state and handling an action payload
(08:25) An easy mistake to make
(10:01) Displaying state values in JSX
(12:44) Recommended: Action object lookup and dot notation
🔗 ES7 React JS Snippets Extension for VS Code:
https://marketplace.visualstudio.com/items?itemName=dsznajder.es7-react-js-snippets
🔗 React Dev Tools Extension for Chrome:
https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi
📚 References:
ReactJS Official site: https://reactjs.org/
React Wikipedia: https://en.wikipedia.org/wiki/React_(JavaScript_library)
React Jobs: https://www.ziprecruiter.com/candidate/search?search=react&location=
✅ Follow Me:
Twitter: https://twitter.com/yesdavidgray
LinkedIn: https://www.linkedin.com/in/davidagray/
Blog: https://yesdavidgray.com
Reddit: https://www.reddit.com/user/DaveOnEleven
Was this tutorial about the React hook useReducer helpful? If so, please share. Let me know your thoughts in the comments.
#usereducer #react #hooks
Видео useReducer is BETTER than useState | React Hook useReducer Tutorial канала Dave Gray
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![useCallback STOPS this React MISTAKE | useCallback React Hooks Tutorial](https://i.ytimg.com/vi/FB_kOSHk1DM/default.jpg)
![](https://i.ytimg.com/vi/9tWGhIsqEsA/default.jpg)
![React Router v6 Major Changes](https://i.ytimg.com/vi/k2Zk5cbiZhg/default.jpg)
![forEach is BAD! for Async Await Code | Advanced Async/Await Javascript Tutorial](https://i.ytimg.com/vi/4lqJBBEpjRE/default.jpg)
![](https://i.ytimg.com/vi/HuNMyqVVnLo/default.jpg)
![useReducer Crash Course](https://i.ytimg.com/vi/DmxzHJ3lq6U/default.jpg)
![useLayoutEffect vs useEffect | React Hooks Tutorial](https://i.ytimg.com/vi/pHxQtHwcT-s/default.jpg)
![Callbacks, Promises, Async Await | JavaScript Fetch API Explained](https://i.ytimg.com/vi/VmQ6dHvnKIM/default.jpg)
![React's useState deep dive in 30 minutes](https://i.ytimg.com/vi/NEA9K3sIoaY/default.jpg)
![React Multi Language App - i18next Tutorial](https://i.ytimg.com/vi/w04LXKlusCQ/default.jpg)
![Common React Mistakes: useEffect, useCallback and useMemo Hooks](https://i.ytimg.com/vi/UQkTu-PQ5gQ/default.jpg)
![State Management in React | Context API useContext | React Tutorials for Beginners](https://i.ytimg.com/vi/ngVvDegsAW8/default.jpg)
![Avoid this React State Mistake | React Previous State Explained](https://i.ytimg.com/vi/yvTGXH7uybA/default.jpg)
![The most important React concepts to learn first (as a beginner)](https://i.ytimg.com/vi/m_477l0Er9w/default.jpg)
![The State of State Management in React](https://i.ytimg.com/vi/BhQYZmaxTCM/default.jpg)
![React Hooks | useReducer vs. useState](https://i.ytimg.com/vi/8C6NP1Qsi9I/default.jpg)
![React Hooks - useReducer Tutorial (With Example)](https://i.ytimg.com/vi/iSMifub07FQ/default.jpg)
![#60. React-Router Hooks || Complete guide to useParams hook..](https://i.ytimg.com/vi/vWgaNYDHNds/default.jpg)
![Context API Tutorial For Beginners - Using React Hooks](https://i.ytimg.com/vi/sP7ANcTpJr8/default.jpg)
![React Hooks Tutorial 2021 - Episode 4 - useEffect hook (including dependencies + cleanup function)](https://i.ytimg.com/vi/4FWNb0a8bwg/default.jpg)