effector

☄️ effector

Business logic with ease

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

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

• https://www.jsdelivr.com/package/npm/effector
• https://cdn.jsdelivr.net/npm/effector/effector.cjs.js
• https://cdn.jsdelivr.net/npm/effector/effector.mjs
• https://cdn.jsdelivr.net/npm/effector-react/effector-react.cjs.js
• https://cdn.jsdelivr.net/npm/effector-vue/effector-vue.cjs.js

Documentation

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

Packages

• effector
• effector-react
• effector-vue

Articles

• Why I choose Effector instead of Redux or MobX
• Effector — State Manager You Should Give a Try
• Effector vs. Vuex. Which storage management is better for VueJS app?
• Powerful and fast state manager
• Testing api calls with effects and stores
• Effector's beginner guide
• The best part of Effector

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

---

More examples in documentation

Learn more

• Glossary
• Usage with TypeScript
• API docs
• Changelog

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

Dmitry	andretshurotshka	Sova	Alexander Khoroshikh	popuguy	Igor Kamyşev
Egor	Valeriy Kobzar	Yan	Ruslan @doasync	Illia Osmanov	mg901
Igor Ryzhov	Arthur Irgashev	Viktor	Ilya	Ainur	Arutiunian Artem
Ilya Olovyannikov	Dmitrij Shuleshov	Ivan Savichev	Nikita Nafranets	Aleksandr Osipov	bakugod
Mikhail Kireev	Зухриддин Камильжанов	Victor Didenko	Mikhail Krilov	Viktor Pasynok	Kirill Mironov
Andrei	Nikita Kungurcev	Ivan	Ivanov Vadim	sergey20x25	Filipkin Denis
Dan	Bohdan Petrov	Bartłomiej Wendt	Andrei Antropov	☃︎	xaota
cqh	Aldiyar Batyrbekov	Vladimir Ivakin	Victor	Tauyekel Kunzhol	Ivan
Sozonov	Samir	Renat Sagdeev	Kirill	Denis Sikuler	Arsen-95
Anton Yurovskykh	Anton Kosykh	Aleksandr Belov	The Gitter Badger	Usman Yunusov	Vasili Sviridov
Vasili Svirydau	Victor Kolb	Vladislav	Vladislav Melnikov	Vladislav Botvin	Will Heslam
Simon Muravev	Shiyan7	Sergey Belozyorcev	Satya Rohith	Roman Paravaev	Roman
Robert Kuzhin	Raman Aktsisiuk	Rachael Dawn	xxxxue	vladthelittleone	Vladimir
roman	Marina Miyaoka	lightningmq	Kirill Leushkin	kanno	Ilya
ilfey	Houston (Bot)	Grigory Zaripov	dmitryplyaskin	Stanislav	ansunrisein
Anatoly Kopyl	Yesset Zhussupov	Rasul	Ed Prince	Dmitry Dudin	Dmitry
Denis Skiba	Dinislam Maushov	Ayu	David	BlackPoretsky	Александр
Alexander	Alex Anokhin	Aleksei	Alex Arro	Aleksandr Grigorii	Abel Soares Siqueira
7iomka	Abdukerim Radjapov	0xflotus	bigslycat	Pavel Hrakovich	Oleh
Oleg	Mike Cann	Nikita Svoyachenko	Ludovic Dem	Leniorko	Lebedev Konstantin
Joel Bandi	Jesse Jackson	Jan Keromnes	Ivan	Infant Frontender	Ilya Martynov
Gleb Kotovsky	Gabriel Husek	Edward Gigolaev

Changelog

effector 23.3.0

• Improve error messages: now errors for skipVoid and store without sid will point to the line of store creation. This will help locate troublesome units easily
• Add support for multiple arguments to scopeBind. This feature indirectly allows to use multiple arguments in reflect (issue reflect#91)
• Fix issues with clearNode (issue #1200)