10 октября, Харьков — Мастер-класс "React.js & Cutting Edge stack", Сегеда Илья
Организатор: SmartMe
Тренер: Сегеда Илья
В 2013 году Pete Hunt выступил с докладом «React: Rethinking best practices», в котором представил библиотеку, разработанную командой из Facebook. Впоследствии этот доклад, и собственно сама библиотека, перевернули представление о правильной разработке UI. Спустя 2 года о React гудят все и, буквально через полгода, он становится стандартом де факто.
Данный мастер-класс основан на личном опыте, куче изученного кода в публичных репозиториях, и часах холиваров в профильных чатах. Мы используем React, Flux, React-router, ImmutableJS, Webpack, react-hot-loader, Babel и react-intl для разработки изоморфного приложения и для понимания «как со всем этим взлететь».
Воркошоп для тех, кто уже познакомился с React.js и хочет увидеть, как с его помощью создавать сложные приложения.
Цель воркшопа — научиться создавать сложные приложения с использованием React.
О тренере
Сегеда Илья
Senior JavaScript developer с опытом более
Реализованные Ильей проекты: Anesthesia (Kitchek); Citroen DS4 web-site; Prizoland — платформа для создания промо-кампаний с розыгрышами для сторонних компаний и системой глобальных ачивок; Vinc — редактор и проигрыватель сложных презентаций с насыщенным контентом; Система поиска по внутренней документации для Сбербанка.
План мастер-класса:
1. Введение
2. React:
● Почему хтмл-темплейты — это плохо, а JS-компоненты — это хорошо
● Thinking in React
● Re-render the whole app
● VirtualDOM — лучшее, что случалось с фронтенд разработкой
● Немного про Events
● Немного про Изоморфность
3. Flux:
● Почему MVC — это плохо, а Flux — это хорошо
● Unidirectional data flow
● Actions — Dispatcher — Stores — Components
● Ещё немного об Изоморфности
● It’s already Monday but we still don’t have brand new Flux implementation
4. React-router:
● URL как неотъемлемая часть всех web-приложений
5. ImmutableJS:
● Почему Mutable данные — это плохо, а Immutable — это хорошо
6. React-intl:
● Здравствуйте — Hello — こんにちは
7. Babel:
● Как начать писать код более производительно
8. Webpack:
● React-hot-loader
9. О будущем:
● Relay и GraphQL
● React Native
10. «А теперь мы попробуем со всей это фигнёй взлететь».
