Найти тему
Программист - турист

Effector как аналог vuex

Оглавление

Effector - набирающий популярность менеджер состояния, не привязанный к фреймворку. Элегантно решает проблему зависимых данных не смотря на сравнительно небольшой вес. Также имеет хорошую производительность.
В данной статье мы рассмотрим основной функционал, которой позволит вам понять фреймворк и в дальнейшем самостоятельно освоить остальной функционал.

1) Установка

Допустим у нас есть развернутый проект vue.js. Теперь нам необходимо установить эффектор, для этого используем npm:

npm install --save effector
npm install --save effector-vue

Далее рассмотрим пример формы обратной связи. Код не совсем элегантный, но умещающийся на одной странице.

2) Пример

Допустим у нас страница index.vue.

Импортируем эффектор

import { createStore, createEvent, createEffect } from 'effector';

....