Функциональные компоненты в React. Как разбить интерфейс на переиспользуемые части

درس‌ها22 درس

• ✓1React JS с 0 для начинающих. Введение. Что такое React? Преимущества React. Зачем React нужен?
• ✓2Как создать проект на React через Vite. Установка, настройка и структура проекта
• ✓3JSX в React: особенности синтаксиса, подводные камни, условный рендеринг и списки
• ✓4Функциональные компоненты в React. Как разбить интерфейс на переиспользуемые части
• ✓5Props в React. Что такое пропсы, как передавать данные и зачем нужен children
• ✓6События в React: клики, ввод текста и отправка форм. Обработка onClick и onChange
• ✓7Состояние компонента в React. useState на практике: добавляем и обновляем данные
• ✓8Хук useEffect и жизненный цикл компонента. Сохраняем состояние в localStorage. Фильтрация задач
• ✓9Управляемые и неуправляемые компоненты в React. Хук useRef и работа с DOM
• ✓10Оптимизация в React: как и когда использовать memo, useCallback и useMemo
• ✓11Контекст в React: хук useContext и избавление от prop drilling
• ✓12Кастомные хуки в React: как выносить логику в отдельные функции
• ✓13Формы в React: управление вводом и простая валидация без сторонних библиотек
• ✓14Работа с API в React. Подключение к json-server и fetch-запросы: GET, POST, DELETE, PATCH
• ✓15Маршрутизация в React без библиотек. Как реализовать переходы между страницами
• ✓16Стилизация компонентов в React: CSS, SCSS и CSS-модули. Почему не Tailwind и не CSS-in-JS
• ✓17Анимации в React без библиотек. Плавные переходы с помощью CSS и состояний
• ✓18Архитектура React-приложения. Как структурировать проект. Методология Featured-Sliced Design
• ✓19Менеджмент состояния в React без Redux – когда хватает useReducer, useState и useContext
• ✓20Безопасность в React: защита от XSS и работа с чувствительными данными. Подсветка фрагмента поиска
• ✓21Тестирование и отладка React-компонентов: React DevTools на практике
• ✓22Как задеплоить React-приложение на GitHub Pages

قبلیبعدی

صفحه دوره