Explore related topics
This course includes
- 7h 38m of video
- 22 lessons
- Level: Beginner
- Spoken in Русский
- Your place is remembered
- Free in full, no card
Lessons
3 sections · 22 lessons · 7h 38m total length
Lessons 1 to 1010 lessons · 3h 6m
- React JS с 0 для начинающих. Введение. Что такое React? Преимущества React. Зачем React нужен?11m
- Как создать проект на React через Vite. Установка, настройка и структура проекта15m
- JSX в React: особенности синтаксиса, подводные камни, условный рендеринг и списки21m
- Функциональные компоненты в React. Как разбить интерфейс на переиспользуемые части21m
- Props в React. Что такое пропсы, как передавать данные и зачем нужен children21m
- События в React: клики, ввод текста и отправка форм. Обработка onClick и onChange18m
- Состояние компонента в React. useState на практике: добавляем и обновляем данные16m
- Хук useEffect и жизненный цикл компонента. Сохраняем состояние в localStorage. Фильтрация задач24m
- Управляемые и неуправляемые компоненты в React. Хук useRef и работа с DOM19m
- Оптимизация в React: как и когда использовать memo, useCallback и useMemo20m
Lessons 11 to 2010 lessons · 3h 42m
- Контекст в React: хук useContext и избавление от prop drilling21m
- Кастомные хуки в React: как выносить логику в отдельные функции15m
- Формы в React: управление вводом и простая валидация без сторонних библиотек16m
- Работа с API в React. Подключение к json-server и fetch-запросы: GET, POST, DELETE, PATCH26m
- Маршрутизация в React без библиотек. Как реализовать переходы между страницами38m
- Стилизация компонентов в React: CSS, SCSS и CSS-модули. Почему не Tailwind и не CSS-in-JS21m
- Анимации в React без библиотек. Плавные переходы с помощью CSS и состояний19m
- Архитектура React-приложения. Как структурировать проект. Методология Featured-Sliced Design27m
- Менеджмент состояния в React без Redux – когда хватает useReducer, useState и useContext18m
- Безопасность в React: защита от XSS и работа с чувствительными данными. Подсветка фрагмента поиска20m
Lessons 21 to 222 lessons · 51m
What you need
- No prior experience: this course starts from zero.
Description
⚡ Получить весь курс (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 на чист
Who this course is for
- Anyone starting React from nothing.
Those two are our reading of the course's level. The description is the author's own.