Installation

npm
yarn
deno

npm install effector

Import effector.mjs from any CDN

import {createStore} from 'https://unpkg.com/effector/effector.mjs'

since

effector 21.0.0

Complementary packages#

For react#

npm
yarn

npm install effector effector-react

For vue#

npm
yarn

npm install effector effector-vue

For svelte#

Svelte works with effector out of the box, no additional packages needed. See word chain game application written with svelte and effector.

DevTools#

Use effector-logger for printing updates to console, displaying current store values with browser ui and connecting application to familiar redux devtools

Online playground#

Examples in this documentation are running in our online playground, which allows someone to test and share ideas quickly, without install. Code sharing, Typescript and react supported out of the box

Project repository

Compatibility#

The library provides separate modules with compatibility up to IE11 and Chrome 47 (browser for Smart TV devices): effector/compat, effector-react/compat and effector-vue/compat

Usage with manual import replacement:

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

Usage with babel-plugin-module-resolver:

.babelrc

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