Why We Decided To Use MobX Instead Of Redux

Nazim Gafarov, Mail.Ru Cloud Solutions @ React Moscow Meetup 5
Dec 11, 2019, Gazprombank

Доклад о том, мы отказались от трехлетнего опыта работы с Redux и переключились на MobX. Расскажу, на что смотрели и что повлияло на наш выбор. Кратко пройдемся по основным концепциям MobX и сравним их с реактивностью в Angular.js и Ember.js.

Transcript

2. https://www.youtube.com/watch?v=9rZeCNLfeuk 2
3. 3 o Сесть на бутылку или писать на Redux? o Сесть на бутылку и писать на Redux
5. https://mcs.mail.ru/ 5
9. https://mcs.mail.ru/ 9
17. MobX
18. https://codesandbox.io/s/mobxreact-s7db5 18
22. https://mobx.js.org/best/decorators.html 22
27. https://mobx.js.org/getting-started.html 27
28. Почему не Redux?
29. https://codesandbox.io/s/vjynjwo777 29
39. underscopeio/reduxable redux-zero/redux-zero jamesplease/zero-boilerplate-redux MynockSpit/no-boilerplate-redux ctrlplusb/easy-peasy
40. Проблема выбора
41. https://www.youtube.com/watch?v=KN_zVSgX0IY 41
42. https://itnext.io/redux-saga-how-to-make-real-good-things-with-generators-7d91a8916f0e 42
43. https://medium.com/swlh/handling-asynchronous-actions-with-redux-thunk-86b8d8e0b83e 43
44. https://www.bleathem.ca/blog/timing-of-reducing-actions-with-redux-observable/ 44
46. Скорость разработки
47. https://habr.com/ru/post/459706/#comment_20382122 47
48. https://2018.stateofjs.com/data-layer/redux/ 48
49. Производительность
50. https://twitter.com/dan_abramov/status/719973322453348352 50
51. 51 MobX o Вычислить this.count o Оповестить всех подписчиков Redux o Создать action-объект o Пройти по всем редюсерам o Создать новый стейт (иммутабельно) reselect normalizr redux-zero redux-thunk immutable-js immer
52. https://cs6.pikabu.ru/post_img/big/2014/10/15/11/1413392884_1215561599.png 52
53. Минусы MobX
54. https://mobx.js.org/best/pitfalls.html 54 • Популярность • Декораторы • Поддержка ES6 Proxy в IE • Слишком много свободы
55. Борьба со свободой
56. 56 Не мутировать модель в представлении
59. https://mobx.js.org/refguide/api.html#configure 59
60. https://angular.io/start/data 60
61. https://guides.emberjs.com/v2.1.0/applications/services/ 61
62. 62 Не наследовать стор от стора
63. https://medium.com/datadriveninvestor/model-view-controller-mvc-75bcb0103d66 63
65. 65 Не внедрять модель через провайдера
67. https://habr.com/ru/post/471048/#comment_20751456 67
68. Итоги
69. 69 o Redux популярнее o Один источник правды o Чистота и иммутабельность o Тайм-машина o Нормализация o Подходит для больших проектов
71. СПАСИБО ЗА ВНИМАНИЕ! Гафаров Назим ngafarov
72. 72 mobx-devtools mobx-remotedev