Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

3

Share

Download to read offline

"Flux — новый взгляд на старые проблемы" — Сергей Прохоров, MoscowJS 18

Download to read offline

Related Books

Free with a 30 day trial from Scribd

See all

Related Audiobooks

Free with a 30 day trial from Scribd

See all

"Flux — новый взгляд на старые проблемы" — Сергей Прохоров, MoscowJS 18

  1. 1. Новый взгляд на старые проблемы MoscowJS 18 29 января 2015 г. Сергей Прохоров 1
  2. 2. В активном поиске… 2
  3. 3. AngularJS, Ember.js,.. Внутри все есть! 3
  4. 4. ● Сложные решения ● Порог вхождения ● Ограничения ● Нужно уметь готовить На выходе 4
  5. 5. Боль… 5
  6. 6. Ok. Backbone.js Свобода!
  7. 7. Выбираем архитектуру А можно всех посмотреть?
  8. 8. MV* ● MVC ● MVP ● MV[‘Здесь могла быть ваша реклама’] 8
  9. 9. Нужно больше боли! 9
  10. 10. Controller Controller Model View Model View View /MV*./ instanceof 42 10
  11. 11. 11
  12. 12. Блок-схема Flux 12
  13. 13. Задачи React View ● Отображение данных ● Обработка польз. действий 13
  14. 14. React View … Купить … 14
  15. 15. React View … Купить … 15
  16. 16. React View … Купить … 16
  17. 17. Блок-схема Flux 17
  18. 18. Задачи Action Creator ● Передача данных в Dispatcher ● Запросы к API 18
  19. 19. Action Creator 19
  20. 20. Action Creator 20
  21. 21. Action Creator 21
  22. 22. Блок-схема Flux 22
  23. 23. Задачи Dispatcher ● Передача данных в Store 23
  24. 24. Dispatcher 24
  25. 25. Dispatcher 25
  26. 26. Dispatcher 26
  27. 27. Блок-схема Flux 27
  28. 28. Задачи Store 28 ● Информировать представления ● Хранить состояние
  29. 29. Store 29
  30. 30. Store 30
  31. 31. Store 31
  32. 32. Store 32
  33. 33. Store 33
  34. 34. Синхронная работа Store 34
  35. 35. ● Однонаправленный поток данных Unidirectional data flow ● Независимые хранилища данных Independent stores ● Отсутствие каскадных обновлений No cascading actions ● Возможность синхронной обработки данных Synchronous stores Отличительные особенности 35
  36. 36. ● Простота и предсказуемость ● Мало магии ● Линейное масштабирование ● Небольшое количество абстракций ● Boilerplate Profit? 36
  37. 37. В зоопарке 37 ● McFly — github.com/kenwheeler/mcfly ● Reflux — github.com/spoike/refluxjs ● Alt — github.com/goatslacker/alt ● Delorean — deloreanjs.com ● Marty.js — martyjs.org ● Fluxxor — fluxxor.com ● …
  38. 38. Ссылки Flux — facebook.github.io/flux Github — github.com/facebook/flux 38
  39. 39. Вопросы? Сергей Прохоров github.com/proxyfabio facebook.com/proxyfabio 39
  • tchaykovski

    Mar. 15, 2015
  • olebedev

    Feb. 10, 2015
  • ipsyq

    Jan. 30, 2015

Views

Total views

1,146

On Slideshare

0

From embeds

0

Number of embeds

16

Actions

Downloads

11

Shares

0

Comments

0

Likes

3

×