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 грн.
