(SmartMe) React.js и Cutting Edge стек

React.js и Cutting Edge стек​

В 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.

Спойлер: Содержание

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. "А теперь мы попробуем со всей это фигнёй взлететь"