# ☄️ effector Business logic with ease ## Visit [effector.dev](https://effector.dev) for docs, guides and examples ## Table of Contents - [Introduction](#introduction) - [Effector follows five basic principles:](#effector-follows-five-basic-principles) - [Installation](#installation) - [Documentation](#documentation) - [Packages](#packages) - [Articles](#articles) - [Community](#community) - [Online playground](#online-playground) - [DevTools](#devtools) - [More examples in documentation](#more-examples-in-documentation) - [Learn more](#learn-more) - [Support us](#support-us) - [Contributors](#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 ```bash npm add effector ``` **React** To getting started read our article [how to write React and Typescript application](https://effector.dev/docs/typescript/usage-with-effector-react). ```bash npm add effector effector-react ``` **SolidJS** ```bash npm add effector effector-solid ``` **Vue** ```bash npm add effector effector-vue ``` **Svelte** Svelte works with effector out of the box, no additional packages needed. See [word chain](https://github.com/today-/citycatch) 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](https://effector.dev/docs/introduction/core-concepts) ## Packages - [effector](https://effector.dev/docs/api/effector) - [effector-react](https://effector.dev/docs/api/effector-react) - [effector-vue](https://effector.dev/docs/api/effector-vue) ## Articles - [Why I choose Effector instead of Redux or MobX](https://dev.to/lessmess/why-i-choose-effector-instead-of-redux-or-mobx-3dl7) - [Effector — State Manager You Should Give a Try](https://itnext.io/effector-state-manager-you-should-give-a-try-b46b917e51cc) - [Effector vs. Vuex. Which storage management is better for VueJS app?](https://medium.com/blue-harvest-tech-blog/effector-vs-vuex-which-storage-management-is-better-for-vuejs-app-54f3c3257b53) - [Powerful and fast state manager](https://codeburst.io/effector-state-manager-6ee2e72e8e0b) - [Testing api calls with effects and stores](https://www.patreon.com/posts/testing-api-with-32415095) - [Effector's beginner guide](https://dev.to/yanlobat/effector-s-beginner-guide-3jl4) - [The best part of Effector](https://dev.to/effector/the-best-part-of-effector-4c27) ## Community - [official](https://community.effector.dev) - [awesome-effector](https://github.com/effector/awesome-effector) a curated list of awesome effector packages, videos and articles - [Twitter](https://twitter.com/effectorjs) - [Telegram](https://t.me/effector_en) (@effector_en) - [Telegram 🇷🇺](https://t.me/effector_ru) (@effector_ru) - [dev.to](https://dev.to/effector) - [Discord](https://discord.gg/yHcMcuRWeC) - Add a [GitHub Topic `effector`](https://github.com/topics/effector) to your project's home page ## Online playground You can try effector with [online playground](https://share.effector.dev) Code sharing, Typescript and react supported out of the box. [Playground repository](https://github.com/effector/repl) ## DevTools Use [effector-logger](https://github.com/effector/logger) for printing updates to console, displaying current store values with ui or connecting application to familiar redux devtools

## More examples [in documentation](https://effector.dev/docs/introduction/examples) ## Learn more - [Glossary](https://effector.dev/docs/glossary) - [Usage with TypeScript](https://effector.dev/docs/typescript/typing-effector) - [API docs](https://effector.dev/en/api/effector/effector) - [Changelog](https://changelog.effector.dev) ## Support us - Read more articles on [a patreon page](https://www.patreon.com/zero_bias/overview) - Donate [on OpenCollective](https://opencollective.com/effector) - Be a sponsor [on Github Sponsors](https://github.com/sponsors/effector) 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}
_{Dmitrij Shuleshov}	_{Nikita Nafranets}	_{Ivan Savichev}	_{Aleksandr Osipov}	_{Зухриддин Камильжанов}	_bakugod
_{Victor Didenko}	_{Viktor Pasynok}	_{Kirill Mironov}	_Andrei	_Ivan	_{Bohdan Petrov}
_sergey20x25	_{Ivanov Vadim}	_{Tauyekel Kunzhol}	_Victor	_{Vladimir Ivakin}	_{Aldiyar Batyrbekov}
_cqh	_xaota	_☃︎	_{Andrei Antropov}	_{Mikhail Kireev}	_Stanislav
_Sozonov	_Samir	_{Renat Sagdeev}	_Kirill	_{Denis Sikuler}	_Arsen-95
_{Anton Yurovskykh}	_{Aleksandr Belov}	_{Anton Kosykh}	_{Usman Yunusov}	_{vadimfilimonov}	_{Vasili Sviridov}
_{Vasili Svirydau}	_{Victor Kolb}	_{Vladislav Melnikov}	_{Vladislav Botvin}	_{The Gitter Badger}	_Shiyan7
_{Sergey Belozyorcev}	_{Satya Rohith}	_Roman	_{Robert Kuzhin}	_{Raman Aktsisiuk}	_{Rachael Dawn}
_{Will Heslam}	_Rasul	_{Yesset Zhussupov}	_{Anatoly Kopyl}	_ansunrisein	_Stanislav
_{dmitryplyaskin}	_{Grigory Zaripov}	_{Houston (Bot)}	_ilfey	_kanno	_{Kirill Leushkin}
_{Marina Miyaoka}	_roman	_{vladthelittleone}	_xxxxue	_0xflotus	_{Abdukerim Radjapov}
_7iomka	_{Abel Soares Siqueira}	_{Aleksandr Grigorii}	_{Alex Arro}	_Aleksei	_{Alex Anokhin}
_Alexander	_{Александр}	_Ayu	_{Dennis Maush}	_{Denis Skiba}	_{Dmitry Dudin}
_{Ed Prince}	_{Gabriel Husek}	_{Ilya Martynov}	_{Infant Frontender}	_Ivan	_{Jan Keromnes}
_{Jesse Jackson}	_{Joel Bandi}	_{Lebedev Konstantin}	_Leniorko	_{Ludovic Dem}	_{Nikita Svoyachenko}
_{Mike Cann}	_Oleg	_Oleh	_{Pavel Hrakovich}	_bigslycat

[![Tested with browserstack](https://raw.githubusercontent.com/effector/effector/master/website/media/Browserstack-logo.svg?sanitize=true)](https://BrowserStack.com)

	Stars	Issues	Version	Updated	Created
@reduxjs/toolkit	10,649	312	2.2.7	2 months ago	5 years ago
effector	4,586	156	23.2.2	4 months ago	7 years ago
xstate	26,925	133	5.18.1	15 days ago	7 years ago

@reduxjs/toolkit vs effector vs xstate

Downloads in past1 Month3 Months6 Months1 Year2 Years5 YearsAll time

Stats

Sick of boring JavaScript newsletters?

Downloads in past