Effector NPM | npm.io

☄️ effector

Business logic with ease

Visit effector.dev for docs, guides and examples

Introduction

Effector implements business logic with ease for Javascript apps (React/React Native/Vue/Svelte/Node.js/Vanilla), allows you to manage data flow in complex applications. Effector provides best TypeScript support out of the box.

Effector follows five basic principles:

Application stores should be as light as possible - the idea of adding a store for specific needs should not be frightening or damaging to the developer.
Application stores should be freely combined - data that the application needs can be statically distributed, showing how it will be converted in runtime.
Autonomy from controversial concepts - no decorators, no need to use classes or proxies - this is not required to control the state of the application and therefore the api library uses only functions and plain js objects
Predictability and clarity of API - a small number of basic principles are reused in different cases, reducing the user's workload and increasing recognition. For example, if you know how .watch works for events, you already know how .watch works for stores.
The application is built from simple elements - space and way to take any required business logic out of the view, maximizing the simplicity of the components.

Installation

You can use any package manager

npm add effector

React

To getting started read our article how to write React and Typescript application.

npm add effector effector-react

SolidJS

npm add effector effector-solid

Vue

npm add effector effector-vue

Svelte

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

CDN

Documentation

For additional information, guides and api reference visit our documentation site

Packages

Articles

Community

official
awesome-effector a curated list of awesome effector packages, videos and articles
Twitter
Telegram (@effector_en)
Telegram 🇷🇺 (@effector_ru)
dev.to
Discord
Add a GitHub Topic effector to your project's home page

Online playground

You can try effector with online playground

Code sharing, Typescript and react supported out of the box. Playground repository

DevTools

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

Learn more

Support us

Read more articles on a patreon page
Donate on OpenCollective
Be a sponsor on Github Sponsors

Your support allows us to improve the developer experience 🧡.

Contributors

business logic data flow state management state manager algebraic effects model reactive state frp event effect functional store

ts-fp-di-effector react-moised vlk-mob-app hive-sdk-ui welearn-map @infinitebrahmanuniverse/nolb-ef @medusa-frontends/cli @a24/kit @everything-registry/sub-chunk-1556 nx-gte-internal ornament-tokens-parser sculk-js @odecloud/components react-native-ias react-localize-alias react-material-ui-datatable sadfrjlkndgsnjlksdafjnelkjfsjklsda react-effector-form react-turbo cls-master-lib debit-card-mockup dewlad-ui seqfx sf-vc terminal-playground stmbenchmarks docsvision.web ds-forms ds-select @romanmazyrin/amocrm_widget_framework effector-react-inject effector-router effector-routing effector-storify effector-devtools effector-form-solid effector-http-api effector-persist @hiveid/verify-js @hiveid/verify-sandbox @effector-reform/core @effector/forms @ediphi/takeoff @iamkhan21/fxform @fnpen/effector-devtools @medusa/cli @medly-components/core wedat ws-json-client xgency-dialer effector-async-local-storage @inappstory/react-sdk @inappstory/react-ugc-sdk @inappstory/ugc-sdk @inappstory/vue-sdk @idealjs/game-editor @filfyk/widget @tarantool.io/tcm-sdk @studyworld/kit @studyworld/mobile-shared @alextheartisan/mind-garden architect-project architect-project-ui ascentialedge-client @tehsly/ff_ui_core gcp-ui @a-react-kit/controllers @a-react-kit/state @a-react-kit/state-lib @trunkery/core @trunkery/ui ah-react-ui @ar-kit/controllers @autogains/bot @apptrium/web-host @ark-kit/controllers @byte-craft-react/core black-flags @calv.io.n/click-to-call @calv.io.n/dialer cls-master-lib-testing @domosedov/my-lib-1

6 days ago

3 months ago

5 months ago

5 months ago

5 months ago

7 months ago

5 months ago

5 months ago

7 months ago

7 months ago

7 months ago

7 months ago

12 months ago

12 months ago

12 months ago

12 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

effector v23.2.1

☄️ effector

Visit effector.dev for docs, guides and examples

Table of Contents

Introduction

Effector follows five basic principles:

Installation

Documentation

Packages

Articles

Community

Online playground

DevTools

More examples in documentation

Learn more

Support us

Contributors