Разбираем хуки (hooks) в React по доке и на примере todo листа | уроки JavaScript

Описание

Поразбиваем хуки: useState, useEffect, useCallback, useMemo, useRef. ❤️ Мой telegram: https://t.me/webelart
❤️ Мой Инстаграм канал: https://www.instagram.com
❤️ Поддержать развитие канала: https://www.patreon.com/webelart

Ссылки используемые в уроке:
? Старт для изучения хук (hooks): https://github.com/liveldi/react-hook-start
? Старт для todo листа: https://github.com/liveldi/react_hooks
? ViteJS: https://vitejs.dev/guide/

Рекомендуемые видео в уроке:
⭐️ Единицы измерения CSS: https://youtu.be/ZcLGyy0YFwk

00:00 Введение.
04:22 Старт для изучения хук (hooks).
05:27 Начало понимания проекта на React.
07:19 Популярные хуки в разработке.
09:04 useState
17:00 useEffect + useLayoutEffect
26:00 Приступаем к примеру todo лист.
26:00 Приступаем к примеру todo лист.
29:20 useState на примере.
31:20 работаем с input, onChange
34:20 работа с событиями button.
37:40 onKeyDown
40:35 useCallback
43:25 useMemo
46:10 input checkoux
49:19 немного про key в map.
01:00:45 useRef для focus.
01:03:45 фиксим баг, начальное значение для useState

На канале я рассматриваю различные темы веб-разработки, на текущий момент: веб-основы, веб-анимации, веб-дизайн.