45m0d3u5 / effector

Business logic with ease ☄️

☄️ 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

with pnpm

pnpm add effector

with yarn

yarn add effector

with npm

npm add effector

React

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

with pnpm

pnpm add effector effector-react

with yarn

yarn add effector effector-react

with npm

npm add effector effector-react

Vue

with pnpm

pnpm add effector effector-vue

with yarn

yarn add effector effector-vue

with npm

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

• awesome-effector a curated list of awesome effector packages, videos and articles
• Twitter
• Telegram (@effector_en)
• Telegram 🇷🇺 (@effector_ru)
• dev.to
• Gitter
• 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	Sergey Sova	popuguy	Alexander Khoroshikh	Egor
Valeriy Kobzar	Ruslan @doasync	Illia Osmanov	Igor Kamyşev	Yan	Maxim
Igor Ryzhov	Arthur Irgashev	Viktor	Ilya	Arutiunian Artem	Dmitrij Shuleshov
Nikita Nafranets	Ivan Savichev	Aleksandr Osipov	bakugod	Victor Didenko	Viktor Pasynok
Andrei	Kirill Mironov	Ivan	Aleksandr Belov	Anton Yurovskykh	Denis Sikuler
Renat Sagdeev	Samir	Sozonov	Stanislav	Tauyekel Kunzhol	Aldiyar Batyrbekov
cqh	Ivanov Vadim	xaota	Andrey Antropov	0xflotus	7iomka
Abel Soares Siqueira	Aleksandr Grigorii	Alex Arro	Aleksei Pudnikov	Alek Anokhin	Alexander
Alexandrsv	Anton Kosykh	rymarchikbot	Ayu	Denis Maushov	Denis Skiba
Dmitry Dudin	Ed Prince	Egor Gorbachev	Gabriel Husek	Infant Frontender	Ivan
Jan Keromnes	Jesse Jackson	Joel Bandi	Paul Ekshmidt	Lebedev Konstantin	Ludovic Dem
Mike Cann	Oleg	Oleh	Pasha Grekovich	bigslycat	Rachael Dawn
Raman Aktsisiuk	Robert Kuzhin	Satya Rohith	Sergey Belozyorcev	The Gitter Badger	Usman Yunusov
Vadim Filimonov	Vasili Sviridov	Vasili Svirydau	Victor	Victor Kolb	Vic
Vladislav Melnikov	Vladislav Botvin	Will Heslam	Rasul	Yesset	Anatoly Kopyl
Stanislav	dmitryplyaskin	Grigory Zaripov	kanno	Kirill Leushkin	Marina Miyaoka
roman	Evgeny Zakharov	vladthelittleone	xxxxue