Популярное

Музыка Кино и Анимация Автомобили Животные Спорт Путешествия Игры Юмор

Интересные видео

2025 Сериалы Трейлеры Новости Как сделать Видеоуроки Diy своими руками

Топ запросов

смотреть а4 schoolboy runaway турецкий сериал смотреть мультфильмы эдисон
dTub
Скачать

How to use the useReducer Hook - Better than useState for managing objects, arrays or complex data

Автор: Kodie

Загружено: 2022-10-09

Просмотров: 983

Описание:

React JS Tutorial - useReducer

You probably use the useState hook in every app, but did you know that in many cases the useReducer hook is even better!

Whether you're storing arrays, objects or just have conditions to apply to your state, the useReducer hook take a function as its first argument to allow you to play with the data before storing to the state.

Once you learn useReducer, you'll find yourself using it again and again.

00:00 - Introduction
00:30 - useState example
01:22 - converting to useReducer
03:35 - Setting a reducer function
05:10 - useReducer to condition data
07:35 - Switch Case to set the state data
08:47 - Summary

#ReactJS #reactuseReducer #useReducer

How to use the useReducer Hook - Better than useState for managing objects, arrays or complex data

Поделиться в:

Доступные форматы для скачивания:

Скачать видео mp4

  • Информация по загрузке:

Скачать аудио mp3

Похожие видео

array(10) { [0]=> object(stdClass)#5263 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "8Mn5N5hNGkg" ["related_video_title"]=> string(57) "How to control refreshing your hook data - React JS Hooks" ["posted_time"]=> string(21) "2 года назад" ["channelName"]=> string(5) "Kodie" } [1]=> object(stdClass)#5236 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "rgp_iCVS8ys" ["related_video_title"]=> string(49) "Learn React Hooks: useReducer - Simply Explained!" ["posted_time"]=> string(21) "2 года назад" ["channelName"]=> string(16) "Cosden Solutions" } [2]=> object(stdClass)#5261 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "-bnEz9xgs4E" ["related_video_title"]=> string(88) "How to create a custom hook in ReactJS - Move your data and logic to reusable components" ["posted_time"]=> string(21) "2 года назад" ["channelName"]=> string(5) "Kodie" } [3]=> object(stdClass)#5268 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "wiBfKj-eu6E" ["related_video_title"]=> string(153) "😱 ТОП 10 ОШИБОК REACT РАЗРАБОТЧИКОВ. Какие ошибки допускают чаще всего в 2025 году? #react #js" ["posted_time"]=> string(19) "4 дня назад" ["channelName"]=> string(37) "Какие-то уроки [Frontend]" } [4]=> object(stdClass)#5247 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "kK_Wqx3RnHk" ["related_video_title"]=> string(30) "Learn useReducer In 20 Minutes" ["posted_time"]=> string(21) "4 года назад" ["channelName"]=> string(18) "Web Dev Simplified" } [5]=> object(stdClass)#5265 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "hkYzqTKnSIg" ["related_video_title"]=> string(181) "Вёрстка сайта с нуля • HTML, SCSS, JS практика • Подробное объяснение по шагам • Проект в портфолио" ["posted_time"]=> string(27) "6 месяцев назад" ["channelName"]=> string(53) "Александр Ламков — Friendly Frontend" } [6]=> object(stdClass)#5260 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "GeulXZP_kZ8" ["related_video_title"]=> string(113) "Все что нужно знать о REACT для НОВИЧКА за 15 минут | Изучаем Реакт" ["posted_time"]=> string(19) "1 год назад" ["channelName"]=> string(63) "Frontend Fundamentals | Александр Караджиков" } [7]=> object(stdClass)#5270 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "26ogBZXeBwc" ["related_video_title"]=> string(67) "useReducer is BETTER than useState | React Hook useReducer Tutorial" ["posted_time"]=> string(21) "3 года назад" ["channelName"]=> string(9) "Dave Gray" } [8]=> object(stdClass)#5246 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "oYaMJAm2yEc" ["related_video_title"]=> string(49) "Трамп ударил. Иран сдается?" ["posted_time"]=> string(24) "10 часов назад" ["channelName"]=> string(27) "Анатолий Шарий" } [9]=> object(stdClass)#5264 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "RyRq1IJU-sg" ["related_video_title"]=> string(46) "Америка вступает в войну." ["posted_time"]=> string(23) "9 часов назад" ["channelName"]=> string(12) "Mark Solonin" } }
How to control refreshing your hook data - React JS Hooks

How to control refreshing your hook data - React JS Hooks

Learn React Hooks: useReducer - Simply Explained!

Learn React Hooks: useReducer - Simply Explained!

How to create a custom hook in ReactJS - Move your data and logic to reusable components

How to create a custom hook in ReactJS - Move your data and logic to reusable components

😱 ТОП 10 ОШИБОК REACT РАЗРАБОТЧИКОВ. Какие ошибки допускают чаще всего в 2025 году? #react #js

😱 ТОП 10 ОШИБОК REACT РАЗРАБОТЧИКОВ. Какие ошибки допускают чаще всего в 2025 году? #react #js

Learn useReducer In 20 Minutes

Learn useReducer In 20 Minutes

Вёрстка сайта с нуля • HTML, SCSS, JS практика • Подробное объяснение по шагам • Проект в портфолио

Вёрстка сайта с нуля • HTML, SCSS, JS практика • Подробное объяснение по шагам • Проект в портфолио

Все что нужно знать о REACT для НОВИЧКА за 15 минут | Изучаем Реакт

Все что нужно знать о REACT для НОВИЧКА за 15 минут | Изучаем Реакт

useReducer is BETTER than useState | React Hook useReducer Tutorial

useReducer is BETTER than useState | React Hook useReducer Tutorial

Трамп ударил. Иран сдается?

Трамп ударил. Иран сдается?

Америка вступает в войну.

Америка вступает в войну.

© 2025 dtub. Все права защищены.



  • Контакты
  • О нас
  • Политика конфиденциальности



Контакты для правообладателей: [email protected]