Організатор: 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
- Налаштовуємо рендеринг на сервері
