HTML Academy Введение в react 2023

Подробное описание: HTML Academy Введение в react 2023

HTML Academy Введение в react (2023)

Научитесь создавать веб-приложения на React.js. Курс построен на базе тренажёров.
Это самый эффективный способ обучения, так как с самого начала мы учим вас работать с живым кодом и самостоятельно решать задачи, приближенные к реальным.
Этот курс подойдёт тем, кто уже знаком c HTML, CSS и JavaScript или прошёл наши курсы для новичков по вёрстке и программированию.
После курса вы сможете создавать веб-приложения на React.js. Это позволит вам создавать сложные и интерактивные пользовательские интерфейсы. Вы повысите скорость и качество разрабатываемых продуктов, а также сможете выполнять более дорогие заказы.

Чему вы научитесь:
познакомитесь с основными возможностями библиотеки React:
JSX,
компоненты,
хуки.
научитесь управлять состоянием компонентов и передавать данные (на примере React Hooks useState),
разработаете по техническому заданию две игры, которые можно будет добавить в портфолио,
познакомитесь с современной архитектурой одностраничного приложения (SPA).

Программа
Раздел 1. Синтаксис JSX и создание компонентов
Принципы организации кода в SPA.
Компонентная архитектура.
Передача данных в компоненты и шаблонизация.
JSX для React-компонентов.
Операторы ES2015, которые используются в React-приложениях.

Раздел 2. Состояние компонентов и обработка событий
Особенности обработки событий в React.
props vs state.
React Hooks и useState.
Колбэки для передачи состояния

Раздел 3. Логика в компонентах
Принципы выделения компонентов.
Техники разделения логики и отображения.
Таймеры в браузере и в React-компонентах для управления состоянием.
Продвинутые возможности JSX.
Композиция.

Раздел 4. Экраны приложения
Высокоуровневые компоненты для управления передачей данных.
Приёмы передачи данных между компонентами.
Переключение экранов приложения.
Работа с табличными данными.
Продвинутые приемы работы с состоянием.

Раздел 5. Финальный этап работы над проектом
Склонение числительных.
Алгоритмы тасования массива.
Внешние сервисы данных в компонентах.

Раздел 6. React в коммерческой разработке
Разделение проекта на модули.
Сборка проекта с webpack.
Преимущества и недостатки инструмента Create React App.