🔧 Как писать кастомные хуки в 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