React — самый популярный JavaScript-фреймворк, который применяется в построении пользовательских интерфейсов веб-приложений. Главная особенность данной платформы — компонентно-ориентированный подход, позволяющий переиспользовать код, что повышает общую гибкость написания приложений.
Тренинг по React предназначен для FrontEnd разработчиков, желающих овладеть навыками работы с современным фреймворком. Что Вас ожидает? В ходе обучения Вы освоите базовые вещи: напишете первый компонент, разберете его состояния и жизненный цикл, узнаете, как использовать события. Разобравшись с основами библиотеки, поработаете с формами, освоите стилизацию, познакомитесь с роутингом, выполните верстку списка заметок, научитесь создавать страницу ошибки и Модальное окно. Под конец обучения реализуете полноценное веб-приложение.
Участники тренинга напишут небольшое приложение с помощью React, научатся разбивать его на логические части и компоненты, попрактикуются в написании стилей вместе с CSS Modules, познакомятся с основными концепциями написания приложения при помощи данной платформы, а также научатся применять хуки. Последнее занятие будет посвящено исключительно практике.
Предварительные требования Знание HTML, CSS, JavaScript (ECMAScript 6)
Программа тренинга:
- Введение в React
- Что такое React.js
- Обзор документации
- Компоненты в React
- Create React App
- JSX в React
- Что такое JSX и как он работает
- Создание простого компонента
- Передача параметров (props)
- Передача контента
- Работа с условными операторами
- Основы React
- Виды компонентов (stateless, stateful)
- Знакомство со State.
- Добавление событий
- Работа со списками
- Состояние и жизненный цикл
- Функциональный компонент.
- Классовый компонент.
- Преобразование функционального компонента в классовый.
- Добавление методов жизненного цикла.
- Знакомство с Redux.
- Формы
- Контролируемые и неконтролируемые компоненты.
- Работа с Input.
- Подъем состояния.
- Валидация параметров с PropTypes.
- Мышление в стиле React.
- Стилизация в React
- Обзор способов стилизации компонентов.
- Inline styles.
- Подключение CSS.
- Динамические классы.
- CSS модули.
- Создание списка заметок
- Разбиение на компоненты
- Верстка списка
- Компонент Кнопка
- Добавление и удаление элементов
- Введение в роутинг
- Обзор react-route.
- Создание страниц.
- Создание layouts.
- Создание страницы ошибки
- Предохранители.
- React.Fragment.
- Строгий режим.
- Создание Модального окна
- Рeфы и DOM.
- Context API.
- Рендер-пропсы.
- Хуки
- Введение в hooks (хуки)
- Использование State hook
- Использование Effect hook
- Правила hooks
- Оптимизация и производительность React приложений
- Инструменты, позволяющие выявить наличие узких мест в React приложениях, инструменты для оптимизации и анализа.
- Понятие «нормализации» хранилища в Redux
- Иммутабельные структуры данных в JavaScript
- Практика
- Практика
- Практика
По завершению тренинга Вы сможете:- Применять базовые концепции построения одностраничных приложений в экосистеме React
- Писать и разбивать приложения на логические части и компоненты
- Стилизовать приложения с помощью CSS модулей
- Строить простые одностраничные приложения с помощью React
Когда: с 8 ноября по 11 декабря 2021
Продолжительность: 30 часов (15 занятий по 2 часа)
Время занятий: с 19:00 до 21:00 - (пн/ср/сб)
Формат встреч: Live Online сессии (Zoom)
Стоимость: 5715 грн.
