Effector
Business logic with ease ☄️
Install / Use
/learn @effector/EffectorREADME
<p align="center">
<a href="https://effector.dev" target="_blank" rel="noopener noreferrer">
<img width="150" src="https://raw.githubusercontent.com/effector/effector/master/documentation/public/favicon.svg" alt="Effector Comet Logo" />
</a>
</p>
<br />
<p align="center">
<a href="https://gitter.im/effector/community?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge"><img src="https://badges.gitter.im/effector/community.svg" alt="join gitter" /></a>
<a href="https://github.com/effector/effector/actions/workflows/tests.yml"><img src="https://github.com/effector/effector/actions/workflows/tests.yml/badge.svg?branch=master" alt="build status" /></a>
<a href="https://discord.gg/t3KkcQdt"><img src="https://img.shields.io/badge/chat-discord-blue?style=flat&logo=discord" alt="discord chat"></a>
<a href="https://www.patreon.com/zero_bias/overview"><img src="https://img.shields.io/badge/become-a%20patron-%23f96854" alt="become a patron" /></a>
<a href="https://deepwiki.com/effector/effector"><img src="https://deepwiki.com/badge.svg" alt="Ask DeepWiki"></a>
</p>
☄️ effector
Business logic with ease
Visit effector.dev for docs, guides and examples
Table of Contents
<!-- START doctoc generated TOC please keep comment here to allow auto update --> <!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->- Introduction
- 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 install effector
React
To getting started read our article how to write React and Typescript application.
npm install effector effector-react
SolidJS
npm install effector effector-solid
Vue
npm install 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
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
- Telegram (@effector_en)
- Telegram 🇷🇺 (@effector_ru)
- dev.to
- Discord
- Add a GitHub Topic
effectorto 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
<hr />More examples in documentation
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 🧡.
