Похожие темы
Что входит в курс
- 7 ч 38 мин видео
- 22 уроков
- Уровень: Начальный
- Язык: Русский
- Помним, где вы остановились
- Полностью бесплатно, без карты
Уроки
3 разделов · 22 урока · 7 ч 38 мин общая длительность
Уроки 1–1010 уроков · 3 ч 6 мин
- React JS с 0 для начинающих. Введение. Что такое React? Преимущества React. Зачем React нужен?11 мин
- Как создать проект на React через Vite. Установка, настройка и структура проекта15 мин
- JSX в React: особенности синтаксиса, подводные камни, условный рендеринг и списки21 мин
- Функциональные компоненты в React. Как разбить интерфейс на переиспользуемые части21 мин
- Props в React. Что такое пропсы, как передавать данные и зачем нужен children21 мин
- События в React: клики, ввод текста и отправка форм. Обработка onClick и onChange18 мин
- Состояние компонента в React. useState на практике: добавляем и обновляем данные16 мин
- Хук useEffect и жизненный цикл компонента. Сохраняем состояние в localStorage. Фильтрация задач24 мин
- Управляемые и неуправляемые компоненты в React. Хук useRef и работа с DOM19 мин
- Оптимизация в React: как и когда использовать memo, useCallback и useMemo20 мин
Уроки 11–2010 уроков · 3 ч 42 мин
- Контекст в React: хук useContext и избавление от prop drilling21 мин
- Кастомные хуки в React: как выносить логику в отдельные функции15 мин
- Формы в React: управление вводом и простая валидация без сторонних библиотек16 мин
- Работа с API в React. Подключение к json-server и fetch-запросы: GET, POST, DELETE, PATCH26 мин
- Маршрутизация в React без библиотек. Как реализовать переходы между страницами38 мин
- Стилизация компонентов в React: CSS, SCSS и CSS-модули. Почему не Tailwind и не CSS-in-JS21 мин
- Анимации в React без библиотек. Плавные переходы с помощью CSS и состояний19 мин
- Архитектура React-приложения. Как структурировать проект. Методология Featured-Sliced Design27 мин
- Менеджмент состояния в React без Redux – когда хватает useReducer, useState и useContext18 мин
- Безопасность в React: защита от XSS и работа с чувствительными данными. Подсветка фрагмента поиска20 мин
Что нужно
- Опыт не нужен: курс начинается с нуля.
Описание
⚡ Получить весь курс (22 урока) сразу: https://boosty.to/friendly-frontend/posts/08f4cd01-a7ce-4e5b-8055-88aa401c7808 ✏️ Первый урок курса по React для начинающих. Разберем, что такое React и что нужно знать перед его изучением. Обсудим, почему React остаётся самым востребованным инструментом во фронтенде. Расскажу, что именно мы будем делать в этом курсе и поясню, чем этот курс отличается от других. 🔥 Мастер-класс с JSX и Vite: https://stepik.org/a/228315 ❤️ Ранний доступ к видео и доступ к закрытому чату: https://boosty.to/friendly-frontend 🔴 Timeline: ▶ 00:00 | Введение ▶ 00:57 | Что нужно знать перед изучением React ▶ 02:20 | Что такое React JS ▶ 04:17 | Что делает React удобным ▶ 05:13 | Зачем учить React в 2025 году ▶ 06:30 | Что мы будем делать в этом курсе ▶ 08:36 | Чем этот курс отличается от других ▶ 09:30 | Заключение 📚 Ссылки из видео: ➖ React — что нужно знать до изучения фронтенд-разработчику? Пример практики: https://youtu.be/bvULuLY1JZI ➖ JavaScript курс: https://www.youtube.com/playlist?list=PL0MUAHwery4qn4Y27iUxmzC-JiauX7vSL ➖ Мастер-класс по JSX на Stepik: https://stepik.org/a/228315 ➖ React официальная документация: https://react.dev/ ➖ To Do List на чист
Кому подойдёт курс
- Тем, кто начинает React с нуля.
Эти два пункта — наш вывод из уровня курса. Описание принадлежит автору.