Установка

npm

npm install effector

yarn

yarn add effector

deno

Можно импортировать effector.mjs с любого CDN, например так:

import {createStore} from 'https://cdn.jsdelivr.net/npm/effector/effector.mjs'

note

effector.mjs поддерживается начиная с effector 21.0.0

Дополнительные пакеты

Для react

npm

npm install effector effector-react

yarn

yarn add effector effector-react

Для vue

npm

npm install effector effector-vue

yarn

yarn add effector effector-vue

Для svelte

Svelte изначально работает с effector без дополнительных пакетов. Пример игры написанной с помощью svelte и effector

DevTools

Пакет effector-logger позволяет выводить обновления в консоль и отображать текущие значения состояний в ui браузера, а также подключать приложение к redux devtools

Online playground

Примеры в этой документации работают в effector playground, который позволяет быстро тестировать идеи и делиться ими. Typescript и react поддерживаются из коробки

Репозиторий проекта

Совместимость

Библиотека предоставляет отдельные модули с совместимостью вплоть до IE11 и Chrome 47 (браузера для Smart TV устройств): effector/compat, effector-react/compat и effector-vue/compat

Использование с заменой импорта:

- import {createStore} from 'effector'
+ import {createStore} from 'effector/compat'

Использование с babel-plugin-module-resolver:

.babelrc

{
  "plugins": [
    ["babel-plugin-module-resolver", {
      "alias": {
        "^effector$": "effector/compat",
        "^effector-react$": "effector-react/compat"
      }
    }]
  ]
}