SlideShare a Scribd company logo
DRY’им Vuex
Что такое Vuex?
Что такое Vuex?
Проблема
Классический пример
Классический пример
Классический пример
Классический пример
Существующие решения
И не только
Существующие решения
u Vuex-Pathify u Vuex-ORM
Vuex-ORM
Vuex-ORM
Vuex-ORM
Vuex-ORM
Vuex-Pathify
Vuex-Pathify
Vuex-Pathify
Vuex-Pathify
Vuexi
Painkiller
Vuexi
Vuexi
Vuexi
Vuexi
Vuexi
Vuexi
Кеширование
В программирование самое сложное – придумывать имена
переменным и инвалидировать кеш
Кеширование
Кеширование
DEMO
Кеширование
Спасибо за внимание!
@mikefaraponov
mikefaraponov@gmail.com

More Related Content

More from OdessaFrontend

OAuth2 и OpenID Connect простым языком | Odessa Frontend Meetup #17
OAuth2 и OpenID Connect простым языком | Odessa Frontend Meetup #17OAuth2 и OpenID Connect простым языком | Odessa Frontend Meetup #17
OAuth2 и OpenID Connect простым языком | Odessa Frontend Meetup #17
OdessaFrontend
 
Объекты в ECMAScript | Odessa Frontend Meetup #16
Объекты в ECMAScript | Odessa Frontend Meetup #16Объекты в ECMAScript | Odessa Frontend Meetup #16
Объекты в ECMAScript | Odessa Frontend Meetup #16
OdessaFrontend
 
Фриланс как профессиональная деградация | Odessa Frontend Meetup #16
Фриланс как профессиональная деградация | Odessa Frontend Meetup #16Фриланс как профессиональная деградация | Odessa Frontend Meetup #16
Фриланс как профессиональная деградация | Odessa Frontend Meetup #16
OdessaFrontend
 
Cлайдер на CSS | Odessa Frontend Meetup #16
Cлайдер на CSS | Odessa Frontend Meetup #16Cлайдер на CSS | Odessa Frontend Meetup #16
Cлайдер на CSS | Odessa Frontend Meetup #16
OdessaFrontend
 
Современный станок верстальщика
Современный станок верстальщикаСовременный станок верстальщика
Современный станок верстальщика
OdessaFrontend
 
Викторина | Odessa Frontend Meetup #15
Викторина | Odessa Frontend Meetup #15Викторина | Odessa Frontend Meetup #15
Викторина | Odessa Frontend Meetup #15
OdessaFrontend
 
А/Б тестирование: Что? Как? Зачем? | Odessa Frontend Meetup #15
А/Б тестирование: Что? Как? Зачем? | Odessa Frontend Meetup #15А/Б тестирование: Что? Как? Зачем? | Odessa Frontend Meetup #15
А/Б тестирование: Что? Как? Зачем? | Odessa Frontend Meetup #15
OdessaFrontend
 
Пощупать 3д в браузере | Odessa Frontend Meetup #15
Пощупать 3д в браузере | Odessa Frontend Meetup #15Пощупать 3д в браузере | Odessa Frontend Meetup #15
Пощупать 3д в браузере | Odessa Frontend Meetup #15
OdessaFrontend
 
Викторина | Odessa Frontend Meetup #14
Викторина | Odessa Frontend Meetup #14Викторина | Odessa Frontend Meetup #14
Викторина | Odessa Frontend Meetup #14
OdessaFrontend
 
Викторина | Odessa Frontend Meetup #13
Викторина | Odessa Frontend Meetup #13Викторина | Odessa Frontend Meetup #13
Викторина | Odessa Frontend Meetup #13
OdessaFrontend
 
Структуры данных в JavaScript | Odessa Frontend Meetup #13
Структуры данных в JavaScript | Odessa Frontend Meetup #13Структуры данных в JavaScript | Odessa Frontend Meetup #13
Структуры данных в JavaScript | Odessa Frontend Meetup #13
OdessaFrontend
 
Эффективность с большой буквы Э… или любой другой | Odessa Frontend Meetup #13
Эффективность с большой буквы Э… или любой другой | Odessa Frontend Meetup #13Эффективность с большой буквы Э… или любой другой | Odessa Frontend Meetup #13
Эффективность с большой буквы Э… или любой другой | Odessa Frontend Meetup #13
OdessaFrontend
 
Как правильно делать анимацию и добиться 60fps на различных девайсах | Odessa...
Как правильно делать анимацию и добиться 60fps на различных девайсах | Odessa...Как правильно делать анимацию и добиться 60fps на различных девайсах | Odessa...
Как правильно делать анимацию и добиться 60fps на различных девайсах | Odessa...
OdessaFrontend
 
Викторина | Odessa Frontend Meetup #12
Викторина | Odessa Frontend Meetup #12Викторина | Odessa Frontend Meetup #12
Викторина | Odessa Frontend Meetup #12
OdessaFrontend
 
Как пройти собеседование по js? И зачем? vol. 2 | Odessa Frontend Meetup #12
Как пройти собеседование по js? И зачем? vol. 2 | Odessa Frontend Meetup #12Как пройти собеседование по js? И зачем? vol. 2 | Odessa Frontend Meetup #12
Как пройти собеседование по js? И зачем? vol. 2 | Odessa Frontend Meetup #12
OdessaFrontend
 
Путь к WebGL через THREE.js | Odessa Frontend Meetup #12
Путь к WebGL через THREE.js | Odessa Frontend Meetup #12Путь к WebGL через THREE.js | Odessa Frontend Meetup #12
Путь к WebGL через THREE.js | Odessa Frontend Meetup #12
OdessaFrontend
 
Машинное обучение на JS. С чего начать и куда идти | Odessa Frontend Meetup #12
Машинное обучение на JS. С чего начать и куда идти | Odessa Frontend Meetup #12Машинное обучение на JS. С чего начать и куда идти | Odessa Frontend Meetup #12
Машинное обучение на JS. С чего начать и куда идти | Odessa Frontend Meetup #12
OdessaFrontend
 
Highway to FPS or true animations in Angular | Odessa Frontend Meetup #11
Highway to FPS or true animations in Angular | Odessa Frontend Meetup #11Highway to FPS or true animations in Angular | Odessa Frontend Meetup #11
Highway to FPS or true animations in Angular | Odessa Frontend Meetup #11
OdessaFrontend
 
1000 и 1 блюдо из джаваскрипта | Odessa Frontend Meetup #11
1000 и 1 блюдо из джаваскрипта | Odessa Frontend Meetup #111000 и 1 блюдо из джаваскрипта | Odessa Frontend Meetup #11
1000 и 1 блюдо из джаваскрипта | Odessa Frontend Meetup #11
OdessaFrontend
 
Перепись приложения. Нативного. На JS. Done. | Odessa Frontend Meetup #10
Перепись приложения. Нативного. На JS. Done. | Odessa Frontend Meetup #10Перепись приложения. Нативного. На JS. Done. | Odessa Frontend Meetup #10
Перепись приложения. Нативного. На JS. Done. | Odessa Frontend Meetup #10
OdessaFrontend
 

More from OdessaFrontend (20)

OAuth2 и OpenID Connect простым языком | Odessa Frontend Meetup #17
OAuth2 и OpenID Connect простым языком | Odessa Frontend Meetup #17OAuth2 и OpenID Connect простым языком | Odessa Frontend Meetup #17
OAuth2 и OpenID Connect простым языком | Odessa Frontend Meetup #17
 
Объекты в ECMAScript | Odessa Frontend Meetup #16
Объекты в ECMAScript | Odessa Frontend Meetup #16Объекты в ECMAScript | Odessa Frontend Meetup #16
Объекты в ECMAScript | Odessa Frontend Meetup #16
 
Фриланс как профессиональная деградация | Odessa Frontend Meetup #16
Фриланс как профессиональная деградация | Odessa Frontend Meetup #16Фриланс как профессиональная деградация | Odessa Frontend Meetup #16
Фриланс как профессиональная деградация | Odessa Frontend Meetup #16
 
Cлайдер на CSS | Odessa Frontend Meetup #16
Cлайдер на CSS | Odessa Frontend Meetup #16Cлайдер на CSS | Odessa Frontend Meetup #16
Cлайдер на CSS | Odessa Frontend Meetup #16
 
Современный станок верстальщика
Современный станок верстальщикаСовременный станок верстальщика
Современный станок верстальщика
 
Викторина | Odessa Frontend Meetup #15
Викторина | Odessa Frontend Meetup #15Викторина | Odessa Frontend Meetup #15
Викторина | Odessa Frontend Meetup #15
 
А/Б тестирование: Что? Как? Зачем? | Odessa Frontend Meetup #15
А/Б тестирование: Что? Как? Зачем? | Odessa Frontend Meetup #15А/Б тестирование: Что? Как? Зачем? | Odessa Frontend Meetup #15
А/Б тестирование: Что? Как? Зачем? | Odessa Frontend Meetup #15
 
Пощупать 3д в браузере | Odessa Frontend Meetup #15
Пощупать 3д в браузере | Odessa Frontend Meetup #15Пощупать 3д в браузере | Odessa Frontend Meetup #15
Пощупать 3д в браузере | Odessa Frontend Meetup #15
 
Викторина | Odessa Frontend Meetup #14
Викторина | Odessa Frontend Meetup #14Викторина | Odessa Frontend Meetup #14
Викторина | Odessa Frontend Meetup #14
 
Викторина | Odessa Frontend Meetup #13
Викторина | Odessa Frontend Meetup #13Викторина | Odessa Frontend Meetup #13
Викторина | Odessa Frontend Meetup #13
 
Структуры данных в JavaScript | Odessa Frontend Meetup #13
Структуры данных в JavaScript | Odessa Frontend Meetup #13Структуры данных в JavaScript | Odessa Frontend Meetup #13
Структуры данных в JavaScript | Odessa Frontend Meetup #13
 
Эффективность с большой буквы Э… или любой другой | Odessa Frontend Meetup #13
Эффективность с большой буквы Э… или любой другой | Odessa Frontend Meetup #13Эффективность с большой буквы Э… или любой другой | Odessa Frontend Meetup #13
Эффективность с большой буквы Э… или любой другой | Odessa Frontend Meetup #13
 
Как правильно делать анимацию и добиться 60fps на различных девайсах | Odessa...
Как правильно делать анимацию и добиться 60fps на различных девайсах | Odessa...Как правильно делать анимацию и добиться 60fps на различных девайсах | Odessa...
Как правильно делать анимацию и добиться 60fps на различных девайсах | Odessa...
 
Викторина | Odessa Frontend Meetup #12
Викторина | Odessa Frontend Meetup #12Викторина | Odessa Frontend Meetup #12
Викторина | Odessa Frontend Meetup #12
 
Как пройти собеседование по js? И зачем? vol. 2 | Odessa Frontend Meetup #12
Как пройти собеседование по js? И зачем? vol. 2 | Odessa Frontend Meetup #12Как пройти собеседование по js? И зачем? vol. 2 | Odessa Frontend Meetup #12
Как пройти собеседование по js? И зачем? vol. 2 | Odessa Frontend Meetup #12
 
Путь к WebGL через THREE.js | Odessa Frontend Meetup #12
Путь к WebGL через THREE.js | Odessa Frontend Meetup #12Путь к WebGL через THREE.js | Odessa Frontend Meetup #12
Путь к WebGL через THREE.js | Odessa Frontend Meetup #12
 
Машинное обучение на JS. С чего начать и куда идти | Odessa Frontend Meetup #12
Машинное обучение на JS. С чего начать и куда идти | Odessa Frontend Meetup #12Машинное обучение на JS. С чего начать и куда идти | Odessa Frontend Meetup #12
Машинное обучение на JS. С чего начать и куда идти | Odessa Frontend Meetup #12
 
Highway to FPS or true animations in Angular | Odessa Frontend Meetup #11
Highway to FPS or true animations in Angular | Odessa Frontend Meetup #11Highway to FPS or true animations in Angular | Odessa Frontend Meetup #11
Highway to FPS or true animations in Angular | Odessa Frontend Meetup #11
 
1000 и 1 блюдо из джаваскрипта | Odessa Frontend Meetup #11
1000 и 1 блюдо из джаваскрипта | Odessa Frontend Meetup #111000 и 1 блюдо из джаваскрипта | Odessa Frontend Meetup #11
1000 и 1 блюдо из джаваскрипта | Odessa Frontend Meetup #11
 
Перепись приложения. Нативного. На JS. Done. | Odessa Frontend Meetup #10
Перепись приложения. Нативного. На JS. Done. | Odessa Frontend Meetup #10Перепись приложения. Нативного. На JS. Done. | Odessa Frontend Meetup #10
Перепись приложения. Нативного. На JS. Done. | Odessa Frontend Meetup #10