Розробка ізоморфних SPA на React

Стоимость
Покупая видео Вы получаете полную запись события. Мы записываем трансляцию на профессиональное звуко и видео оборудование, производим чистку и монтаж. Видео-запись - это возможность получать полезный контент в любое время, в любом месте, с возможностью просмотра неограниченное количество раз

Цена

Описание

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

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

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

 

Програма майстер-класу:

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

Розробка ізоморфних SPA на React