Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/effector/effector

Business logic with ease ☄️
https://github.com/effector/effector

business-logic effector event-driven reactive state state-management state-manager

Last synced: 5 days ago
JSON representation

Business logic with ease ☄️

Host: GitHub
URL: https://github.com/effector/effector
Owner: effector
License: mit
Created: 2018-02-27T22:38:40.000Z (almost 7 years ago)
Default Branch: master
Last Pushed: 2024-10-26T12:41:53.000Z (3 months ago)
Last Synced: 2024-10-29T11:29:09.186Z (3 months ago)
Topics: business-logic, effector, event-driven, reactive, state, state-management, state-manager
Language: TypeScript
Homepage: https://effector.dev
Size: 131 MB
Stars: 4,599
Watchers: 47
Forks: 237
Open Issues: 149
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: CONTRIBUTING.md
- Funding: .github/FUNDING.yml
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
- Citation: CITATION.cff

Awesome Lists containing this project

awesome-react-cn - effector - Fast and powerful reactive state manager (Uncategorized / Uncategorized)
awesome-react-components - effector-react - React bindings for effector, an effective multi-store state manager. (Code Design / Data Store)
awesome-list - effector
awesome-react-components - effector-react - React bindings for effector, an effective multi-store state manager. (Code Design / Data Store)
best-of-react - GitHub - 30% open · ⏱️ 29.05.2024): (State Management)
fucking-awesome-react-components - effector-react - React bindings for effector, an effective multi-store state manager. (Code Design / Data Store)
awesome-react-state-management - effector - The state manager (List)
awesome-react-components - effector-react - React bindings for effector, an effective multi-store state manager. (Code Design / Data Store)
awesome-react-components - effector-react - React bindings for effector, an effective multi-store state manager. (Code Design / Data Store)

README

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

_{Ilya Olovyannikov}

_{Dmitrij Shuleshov}

_{Ivan Savichev}

_{Nikita Nafranets}

_{Aleksandr Osipov}

_bakugod

_{Mikhail Kireev}

_{Зухриддин Камильжанов}

_{Victor Didenko}

_{Mikhail Krilov}

_{Viktor Pasynok}

_{Kirill Mironov}

_Andrei

_Ivan

_{Ivanov Vadim}

_sergey20x25

_{Nikita Kungurcev}

_{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}

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