Майстер-клас «Розробка ізоморфних SPA на React», Якобчук Роман (подія в архіві)

Організатор: SmartMe
Спікер: Якобчук Роман

Опис:
Додатки в форматі Single Page Application поступово захоплюють світ. Єдине, що стримує їх від остаточного знищення звичного нам WEB — це вища складність розробки та недоліки відсутності серверного рендеру. Для нас, як для розробників, перша проблема — взагалі не проблема, це челендж. А от про другу ми з вами поговоримо детально і навчимось вирішувати на майстер-класі. Ви дізнаєтесь, як сучасні інструменти допомагають не просто впоратись з цією задачею, а ще й писати вдвічі менше клієнтського коду та розробляти UI «на льоту».

На майстер-класі ми навчимось використовувати новітні інструменти для роботи з React, такі як Redux.js та ES6. Ми не просто розберемось з традиційною для React-додатків архітектурою Flux, ми попобачимо як вона розвивалась, яке у неї майбутнє, і що ми можемо отримати зараз. Ви побачите, як будувати додатки, використовуючи hot-reload, як легко налаштувати серверний рендеринг та значно спростити вирішення рутинних задач.

Тренінг буде цікавий для розробників, які знайомі з фреймворком React та бажають покращити свої навички роботи з ним, а також дізнатись, як з його допомогою будувати більш масштабні проекти.

Pre-Requirements:
• Базове знання React.js
• Знайомство з особливостями ES6 бажано, але не обов’язково

Тренер

Якобчук Роман
(Senior Software Engineer at Lifestreet at Corporation)
Спеціалізація Романа Якобчука — розробка SPA, з використанням Ember і React. Займається оптимізацією алгоритмів і функціональним програмуванням.

Програма:

1. Вступ, знайомство з інструментами:
• Формулюємо задачу
• Webpack
• ES 6
• Material UI

2. Огляд Flux:
• Unidirectional data flow
• Actions, Dispatcher, Stores
• Будуємо фундамент системи

3. React Router:
• Основи SPA, роутинг
• Огляд React Router, його можливості
• Додаємо роутинг до проекту

4. Redux:
• Hot reloading! — будуємо проект забувши про перезавантаження
• Проблеми Flux в ізоморфних додатках, руйнуємо фундамент
• Основи Redux, чим відрізняється від Flux, як мігрувати
• Поговоримо про функціональне програмування, або Stores та Action creators як чисті функції

5. Робимо додаток ізоморфним:
• Перенесемо роутинг на клієнт, React Router HistoryLocation
• Налаштовуємо рендеринг на сервері

Реєстрація