Перейти к содержимому

Краткий курс по 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 - Маршрутизация, нижний колонтитул и информация о проекте