Майстер-клас від Р.Якобчука "Best-practice SPA на React" (28.11)

Frameworks Days запускає серію майстер-класів від кращих експертів по найактуальніших і хвилюючим темам. У суботу 28 листопада ми запрошуємо вас на майстер-клас від Романа Якобчука по темі "Best-practice SPA на React: від головних ідей до працюючого додатку"
Event is over
Майстер-клас від Р.Якобчука "Best-practice SPA на React" (28.11)
Майстер-клас від Р.Якобчука "Best-practice SPA на React" (28.11)
Event is over
Event is over
Event is over

"Best-practice SPA на React"

Тренер: Роман Якобчук

Розробка SPA - один з основних напрямків фронт-енду.

На майстер-класі ми розберемось на які граблі не варто наступати. А саме які рішення здаються хорошими на початку, але призводять до проблем в майбутньому, про що варто задумуватись з перших строк, щоб економити час і нерви через місяць.

Детально розберемо, як взяти найдинамічніший фреймворк, React.js, і побудувати з його допомогою проект, який масштабується та підтримується. Пройдемо від його основ до кращих практик застосування. Навчимось будувати архітектуру Flux додатків, і оглянемо які задачі стоятимуть перед програмістами в найближчому майбутньому.

Місце проведення:

м. Київ,

Час:

28 листопада 2015 року, 09:30 - 19:00

Тривалість:

1 повний день

Вартість участі:
1200 грн (~$50) - до 1.12.2015 включно
1500 грн (~$62) - з 2.12.2015

Формат:

Майстер-клас

Мова:

Українська




Детальна програма майстер-класу:
Блок 1. Основи React.
Введення

  • Основні проблеми при розробці SPA
  • Декларативний опис і його переваги
  • Короткий огляд основних SPA фреймворків
  • Основні концепції React
  • MVVM(MVC) и Flux арихтектури - огляд і порівняння

Основи React
  • Компонентний підхід - наше “все"
  • Віртуальний DOM, як головна ідея
  • JSX - синтаксис зрозумілий кожному верстальщику
  • Побудова простого компоненту
  • Вчимось використовувати Props і State

We need to go deeper
  • Життевий цикл React-компонент
  • Іноді доступ до DOM все ж потрібен: keys і refs
  • ShouldComponentUpdate, змушуємо додаток “літати"
  • Радість Immutable-данних

Починаємо масштабуватись
  • Налаштовуємо Webpack і Babel
  • Розносимо компоненти по файлам
  • Структуруємо код
  • PropTypes - Створюємо reusable компоненти

Блок 2. SPA
Проектуємо Store
  • Які стори нам потрібні? Збереження данних і стану системи
  • Визначаємо спільний функціонал, пишемо Абстрактний стор
  • Згадуємо ООП, створюємо більш специфічні стори
  • Розробляємо абстрактні моделі

Action-creators
  • Пишимо диспетчер, звязуємо всю систему
  • Створюємо прості екшини, налаштовуємо потік данних
  • Розбираємось з асинхронними екшинами
  • Підключаємо коммунікацію з API
  • Проектуємо систему кешування

Налаштовуємо роутинг
  • Огляд проблеми і варіантів
  • Прикручуємо React-router
  • React-router у зв’язці з Flux
  • Налаштовуємо аутентифікацію
  • Розбір корисних API React-router

Опціонально
  • Огляд аналогів Facebook Flux(Redux, Reflux та інші)
  • Проблеми великих SPA: server-rendering, code-spliting, offline-first
  • JSON API

Speakers

Info partners
Want to become an info sponsor?
Mail us to orgs@fwdays.com and we will discuss our cooperation

Venue

Kyiv, Киев
How to get
Sign in
Or by mail
Sign in
Or by mail
Register with email
Register with email
Forgot password?