Курс React.js

Програма курсу

Основи ES6

• Налаштування оточення
• Короткий огляд фіч ES6
• Create react app

Введення в ReactJS

• Бібліотека React
• Пишемо Hello World
• Що таке реакт-елемент?
• Знайомимось з JSX
• Компоненти

Віртуальний DOM

• Stateful-компоненти, збереження стану
• State, props
• Що таке віртуальний DOM?
• Як React відслідковує зміни (reconciliation)
• Життєвий цикл реакт-компонентів

Детальніше про реакт-компоненти

• Огляд реакт-компонентів
• "Розумні" та "дурні" компоненти
• Синтетичні події
• Керовані та некеровані компоненти
• Ієрархія компонентів
• Контекст

React Router

• Що таке роутер, які завдання вирішує
• Основні версії, їхні відмінності
• Налаштування роутера
• Перенаправлення, ледаче завантаження
• Управління роутером

FLUX

• Огляд FLUX
• Структура FLUX
• Диспетчер
• Екшени (Дії)
• Сховище

Redux

• Чим Redux відрізняється від FLUX
• Потік даних
• Middleware
• Архітектура React + Redux застосунків
• Бібліотека react-redux

Тестування додатку

• Короткий огляд фреймворків для тестування
• Допоміжні бібліотеки (assertions)
• JEST
• Утиліти
• Enzyme

Додатково про React

• Компоненти-контейнери та презентаційні компоненти
• Стилі
• Селектори
• Імутабельність
• Структура проєкту

Створюємо простий React-Redux додаток

• Створюємо простий список добрих справ (TODO-list)
• Практичні поради
• Використовуємо immutable.js
• Використання бібліотеки reselect.js
• Скажемо "НІ" каші в голові та в проєкті!

Результат після проходження курсу:

• Розуміння особливостей компонентного підходу у проєктуванні веб-додатків
• Розуміння архітектури Single Page додатків
• MVC, MVVM

Особливості курсу

• Сертифікат після проходження курсу
• Курс збудований з урахуванням реальних вимог IT компаній
• Протягом усього курсу ведеться рейтинг успішності
• Бонусне заняття зі стратегії працевлаштування