effector

23.2.3last stable release 4 months ago
Complexity Score
High
Open Issues
126
Dependent Projects
92
Weekly Downloadsglobal
25,440

License

  • MIT
    • Yesattribution
    • Permissivelinking
    • Permissivedistribution
    • Permissivemodification
    • Nopatent grant
    • Yesprivate use
    • Permissivesublicensing
    • Notrademark grant

Downloads

Readme


☄️ 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
Illia Osmanov
Ruslan @doasync
mg901
Igor Ryzhov
Arthur Irgashev
Viktor
Ilya
Ainur
Arutiunian Artem
Dmitrij Shuleshov
Ilya Olovyannikov
Nikita Nafranets
Ivan Savichev
Aleksandr Osipov
Зухриддин Камильжанов
bakugod
Victor Didenko
Mikhail Kireev
Viktor Pasynok
Kirill Mironov
Andrei
Ivan
Bohdan Petrov
Dan
sergey20x25
Ivanov Vadim
Tauyekel Kunzhol
Victor
Vladimir Ivakin
Aldiyar Batyrbekov
cqh
xaota
☃︎
Andrei Antropov
Stanislav
Sozonov
Samir
Renat Sagdeev
Kirill
Denis Sikuler
Arsen-95
Anton Yurovskykh
Anton Kosykh
Aleksandr Belov
Usman Yunusov
vadimfilimonov
Vasili Sviridov
Vasili Svirydau
Victor Kolb
Vladislav Melnikov
Vladislav Botvin
Will Heslam
xxxxue
The Gitter Badger
Shiyan7
Sergey Belozyorcev
Satya Rohith
Roman Paravaev
Roman
Robert Kuzhin
Raman Aktsisiuk
Rachael Dawn
vladthelittleone
rokashkovvd
roman
Marina Miyaoka
lightningmq
Kirill Leushkin
kanno
Ilya
ilfey
Houston (Bot)
Grigory Zaripov
dmitryplyaskin
Stanislav
ansunrisein
Anatoly Kopyl
Yesset Zhussupov
Rasul
Edward Gigolaev
Ed Prince
Dmitry Dudin
Dmitry
Denis Skiba
Dinislam Maushov
Ayu
Александр
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
Gabriel Husek
Filipkin Denis

Dependencies

No runtime dependency information found for this package.

CVE IssuesActive
0
Scorecards Score
4.30
Test Coverage
No Data
Follows Semver
Yes
Github Stars
4,624
Dependenciestotal
0
DependenciesOutdated
0
DependenciesDeprecated
0
Threat Modelling
No
Repo Audits
No

Learn how to distribute effector in your own private NPM registry

npm config set registry  https://npm.cloudsmith.com/owner/repo
Processing...
Done
npm install effector
Processing...
Done

272 Releases

NPM on Cloudsmith

Getting started with NPM on Cloudsmith is fast and easy.