Краткий курс по React JS
Traversy Media
0:00 / 0:00
Краткий курс по React JS
3 598 615 просмотров · 5 лет назад
Traversy Media
2,42 млн подписчиков
3 598 615 просмотров · 5 лет назад
Посмотрите последнюю версию — • React Crash Course
Начните работу с React в этом экспресс-курсе. Мы будем создавать приложение для отслеживания задач и рассмотрим компоненты, свойства, состояние, хуки, работу с API и многое другое.
Код:
https://github.com/bradtraversy/react...
Курс React Front To Back 2022:
https://www.udemy.com/course/react-fr...
💖 Поддержите канал!
/ traversymedia
Временные метки:
0:00 - Вступление и слайды
12:37 - Создание приложения React
14:52 - Файлы и папки
18:54 - Компонент приложения и JSX
22:39 - Выражения в JSX
23:49 - Создание компонента
27:18 - Свойства компонента
28:50 - PropTypes
30:42 - Стилизация
34:17 - Компонент кнопки
37:46 - События
40:18 - Компонент задач
41:03 - Создание списка с помощью .map()
43:07 - Состояние и хук useState
44:55 - Глобальное состояние
46:52 - Компонент задачи
49:30 - Иконки с react-icons
51:41 - Удаление задачи и передача свойств
55:50 - Дополнительное сообщение, если нет задачи
56:58 - Включение/выключение напоминания и условное оформление
1:03:13 - Добавление формы задачи
1:06:16 - Состояние ввода формы (управляемые компоненты)
1:09:18 - Отправка задачи
1:14:36 - отображение состояния addTask
1:15:58 - Переключение кнопки
1:19:33 - Сборка для продакшена
1:21:51 - JSON-сервер
1:25:53 - Использование хука useEffect для получения задач с сервера
1:30:13 - Удаление задачи с сервера
1:31:51 - Добавление задачи на сервер
1:35:15 - Включение/выключение напоминания на сервере
1:39:15 - Маршрутизация, нижний колонтитул и информация о проекте