20 REACT ХУКОВ за 1 ЧАС + Custom хуки // React для начинающих

Опубликовано: 05 Октябрь 2024
на канале: RED Group
23,284
1k

🔥 Оформить премиум подписку - https://htmllessons.ru/premium?utm_so...
► Интенсив React с нуля (приложение для тренировок) - https://htmllessons.ru/int/show/3?utm...

В этом крутом ролике я покажу около 20 React хуков для начинающих и не только.

Надеюсь Вы оцените мои старания, с Вас лайк и подписка.

Если есть какие то фишки по этой теме - дай знать в 💬 комментариях!

💰 Новый ролик для спонсоров доступен на Boosty https://boosty.to/redgroup или в нашей общей подписке (от 3 мес.) на сайте https://htmllessons.ru/premium

Скачать 🖥 исходник проекта в нашем хранилище - https://htmllessons.ru/repositories#s...

#React #ReactHooks #Hooks #RedGroup

В этом базовом ролике я постарался собрать самые полезные хуки (useState, useEffect, useRef...), также хуки для оптимизации (useMemo, useCallback), самое крутое что есть в этом ролике, это кастомные хуки - то, что применяется каждый день в реальных проектах (useFetch, useInput, useOutside, useCookie, useLocalStorage...) и немного хуков с TypeScript (useTypedSelector, useActions...). Разобрали необычные хуки (useLayoutEffect, useDebugValue). Видео получилось максимально базовым и обязательным к просмотру всем новичкам.

Todo для самых маленьких -    • Todo приложение на React для самых ма...  

Тайм коды:
00:00 - Начало
00:50 - Установка проекта
04:09 - useState
09:07 - useState (TypeScript)
10:02 - useEffect
12:12 - useLayoutEffect + useRef
14:47 - useRef (TypeScript)
15:18 - useMemo
16:33 - useCallback
17:12 - useDebugValue
19:35 - useReducer
26:10 - useContext
30:00 - useAuth
30:43 - useSelector
32:31 - useTypedSelector
33:30 - useDispatch
34:18 - useActions
35:11 - useLocalStorage
40:53 - useOutside
43:01 - useInput
47:14 - useCookie
54:18 - useFetch
58:45 - Спасибо за просмотр!

► Интенсив Node.js + Express - Backend с нуля - https://htmllessons.ru/int/show/2?utm...
► Интенсив по верстке сайта с 0 - https://htmllessons.ru/int/show/1?utm...

👉 Смотрите видео ДО КОНЦА, подписывайтесь на канал, ставьте 👍 и колокольчик 🔔

► Оформить подписку на нашем сайте - https://htmllessons.ru/premium
► Эксклюзивный контент - https://boosty.to/redgroup
► Оформи спонсорство и получи уникальный значок и эмоджи -    / @redgroup  

► Хранилище (здесь все файлы к видео) *требуется авторизация - https://htmllessons.ru/storage
► Научим разрабатывать сайты - https://htmllessons.ru/
► Личный Instagram -   / maxzbs  
► Личный Youtube -    / @maxhustleinsilence  

► Получи до 4000 руб. на первое бронирование через Airbnb - https://abnb.me/e/Mgl6khUuN3
► Если хочешь улучшить качество видео - https://htmllessons.ru/ext/donate

► Мой сетап VS Code -    • Настройка Visual Studio Code для раз...  

Немного обо мне: меня зовут Максим, я уже 9 лет занимаюсь веб-разработкой. На данный момент являюсь основателем двух крутых проектов htmllessons.ru и еще одного глобального проекта. Первый, был моей дипломной работой в колледже. Как и все, начинал с изучения верстки html, css, js. Затем появилась потребность в изучении Laravel для разработки образовательного проекта. Затем я ушел от PHP и перешел на Javascript, так как появилась задача по разработке крупного проекта. Основная миссия – создавать крутые продукты, которые будут помогать людям и менять мир. Буду рад, если Вы меня поддержите и подпишитесь на мой канал. Спасибо 😊