Съесть собаку#2 21/04/2016

1. Data flow layer
Захарченко Артем

2. Зачем мы делаем SPA?
1)Скорость отклика
1)Заимствование паттернов из десктоп мира
1)Перенос части логики на клиент
1)Рынок, требующий такие приложения

4. Networking

5. Rendering performance

6. Rendering performance

7. Rendering performance

8. Rendering performance

9. CSS Triggers

10. Вычисления

11. Вычисления

12. Вычисления

13. Вычисления

14. Garbage collection

15. Who cares about M?

16. js-data.io

17. Side effects

18. Data changing strategy
1)Push/Pull Observer
1)Data binding (get/set)
1)Dirty checking
1)Immutable data structure

19. Чем же является приложение?

23. Принципы
• Single source of truth
• State is read-only
• Change are made with pure functions

24. Redux
Разделение ответственности
• Отрисовка отображения
• Получение данных из action
• Изменения данных в reducer

25. Redux

26. Предполагаем, что ваши данные не будут мутировать
Что это значит?

27. Состояние иммутабельно

29. Action

30. Reducer

31. Store

32. Mutable vs Immutable
Mutable
• Сравнения по значениям
• Оптимизация платформ
• Все знают как это
работает
Immutable
• Сравнения по ссылке
• Дополнительные
зависимости
• Падение
производительности на
маленьких объемах
• Надо обучать команду

35. Как итог
1)Достаточно простой концепт
2)Простые функции и объекты
3)Последовательная работа с данными
4)Это не только о React.js
5)Отличная интеграция с любыми библиотеками

36. Behavior-Event-State-Tree (BEST)

37. BEST

38. BEST

39. BEST

40. MVI

41. Intent

42. Model

43. View

44. @Blackrabbit99