Скачать или смотреть 🔧 Как писать кастомные хуки в React – краткое руководство 🚀

В этом видео разберем, как создавать кастомные хуки в ReactJS, зачем они нужны и как они помогают делать код чище и удобнее. Посмотрим на примерах, как написать собственные хуки для работы с событием window resize и React context.

📌 Что вы узнаете:
✅ Что такое кастомные хуки и зачем их использовать
✅ Как структурировать код и переиспользовать логику
✅ Разберем примеры: хук для отслеживания ширины окна браузера и универсальный инструментарий для упрощения работы с контекстом.

ℹ️ Исходные коды находятся здесь:
https://github.com/easy-linux/reactjs...

🔥 Подпишитесь, чтобы не пропустить новые видео по React и Frontend-разработке!

⏳ Таймкоды:
00:17 Введение
01:20 Кастомный хук - распространенное заблуждение
01:51 Знакомство с проектом
03:46 Первый запуск приложения
05:05 Чем обычная функция отличается от хука
06:10 Пишем первый хук для отслеживания размера окна
07:49 Проверяем работу хука отслеживания размера окна
08:40 Создание нового хука для облегчения создания и работы с React Context
13:51 Рефакторинг контекста для использования хука и функции
18:02 Проверяем финальный результат
18:44 Подведение итогов

💎 Сериал "Создание SPA приложения на чистом JS":
   • SPA приложение на чистом JS - часть 1 #eas...  

💎 Полезные видео для лучшего понимания JS:
Стрелочные функции 1 -    • Стрелочные функции | Arrow functions  
Стрелочные функции 2 -    • Особенности стрелочных функций  #easyit #n...  
Макро и микро задачи -    • Макро и Микро задачи в JavaScript  #easyit...  
Web worker -    • Web worker  - как распараллелить вычислени...  
Service worker -    • Service worker  - управление обработкой за...  
Debouncing/throttling -    • Debouncing/Throttling - разгрузка обработч...  

💎 Видео по работе с vite.js:
   • Знакомимся с Vitejs. Портирование проекта,...  

💎 Полезные видео по настройке webpack:
Минимальная конфигурация -    • Настраиваем сборку проекта с помощью webpack  
Настройка горячей перезагрузки -    • Webpack 5 Настройка горячей перезагрузки |...  
Настройка сборки проекта с подгрузкой файлов css/scss/изображений -    • Webpack 5 Настройка сборки проекта с подгр...  
Настройка сборки мультистраничного сайта -    • Пример конфигурации сборки мульти-страничн...  

💎 Самый простой способ установить nodejs на Linux и Mac:
   • Установка Nodejs на Linux и MacOS.  

#React #КастомныеХуки #Frontend #JavaScript