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

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

Квитки на наступну конференцію Конференція JavaScript fwdays’24 вже у продажу!

"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

Спікери

Інфо партнери
Хочете стати інфопартнером?
Напишіть нам на partners@fwdays.com та ми запропонуємо вам варіанти інфопарнерства

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

Київ, Киев
Як дістатися
Увійти
Або поштою
Увійти
Або поштою
Реєстрація через e-mail
Реєстрація через e-mail
Забули пароль?