Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/effector/awesome

A curated list of delightful ☄️Effector resources
https://github.com/effector/awesome

List: awesome

awesome awesome-list effector

Last synced: about 2 months ago
JSON representation

A curated list of delightful ☄️Effector resources

Awesome Lists containing this project

README

        

# Awesome Effector [![Awesome](https://awesome.re/badge.svg)](https://awesome.re)

[](https://effector.dev)

> Effector is the reactive data flow management library.

A curated list of awesome effector videos, articles, packages. [Russian articles, videos, and podcasts here](./RUSSIAN.md).

Found something cool? Please, **[contribute](contributing.md)**!

## Contents

* [Articles](#articles)
* [Community](#community)
* [Examples](#examples)
* [Packages](#packages)
* [Form management](#form-management)
* [Templates](#templates)

## Articles
* [Effector — State Manager You Should Give a Try](https://itnext.io/effector-state-manager-you-should-give-a-try-b46b917e51cc)
* [Effector: powerful and fast 5kb state manager](https://codeburst.io/effector-state-manager-6ee2e72e8e0b)
* [Why I choose effector instead of Redux or MobX?](https://dev.to/lessmess/why-i-choose-effector-instead-of-redux-or-mobx-3dl7)
* [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)
* [Using effector for api calls with svelte](https://richey.codes/posts/using-efffector-for-api-calls-with-svelte/)
* [Effector beginner's guide RU](https://telegra.ph/Effector-beginners-guide-RU-10-22)
* [Effector beginner's guide EN](https://dev.to/yanlobat/effector-s-beginner-guide-3jl4)
* [Effector: we need to go deeper](https://dev.to/yumauri/effector-we-need-to-go-deeper-4geg)
* Writing tiny effector from scratch
* [Part #1: Counter](https://dev.to/yumauri/e-wee-ctor-writing-tiny-effector-from-scratch-1-1kap)
* [Part #2: Maps and Filters](https://dev.to/yumauri/e-wee-ctor-writing-tiny-effector-from-scratch-2-31po)
* [Part #3: Simple API methods](https://dev.to/yumauri/e-wee-ctor-writing-tiny-effector-from-scratch-3-simple-api-methods-41f3)
* [Part #4: Effect](https://dev.to/yumauri/e-wee-ctor-writing-tiny-effector-from-scratch-4-54b)
* [Create Your effector-like State Manager](https://dev.to/gigantz/create-your-effector-like-state-manager-1nfd)
* [The best part of Effector](https://dev.to/effector/the-best-part-of-effector-4c27)
* [Usage with React and Typescript](https://effector.dev/docs/typescript/usage-with-effector-react)
* [How `classList` API works in forest](https://dev.to/effector/classlist-api-in-forest-4pm9)
* [Using `gqty` with effector](https://dev.to/effector/using-gqty-with-effector-2m16)

## Community

* [Effector Twitter](https://twitter.com/EffectorJS)
* [Effector YouTube](https://www.youtube.com/channel/UCm8PRc_yjz3jXHH0JylVw1Q)
* [Telegram RU](https://t.me/effector_ru)
* [Telegram EN](https://t.me/effector_en)
* [Effector News in Telegram](https://t.me/effector_news)

## Examples
* [react-effector-realworld-example-app](https://github.com/mg901/react-effector-realworld-example-app) - React + effector Example App.
* [React effector todo list](https://codesandbox.io/s/react-effector-todo-list-o5yzj)
* [process-explorer](https://github.com/lessmess-dev/process-explorer) - Hierarchical system processes viewer.
* [@howtocards/frontend](https://github.com/howtocards/frontend)
* [accesso.app](https://github.com/accesso-app/frontend)
* [cardbox frontend](https://github.com/cardboxdev/frontend)
* [http://actorsmovies.club Frontend](https://github.com/today-/actorsmovies/)
* [react-material-ui-datatable](https://github.com/DTupalov/react-material-ui-datatable)
* [mlp-ssr](https://github.com/maxmitko/mlp-ssr)
* [rn-ios-calc](https://github.com/niksmr/rn-ios-calc)
* [Easy and light Reactjs Strong Typed Notepad with effector state manager](https://github.com/paurock/Strong-Typed-Notepad-Reactjs-w-Effector)
* [snake](https://github.com/dmitryshelomanov/snake) - Snake Game.
* [effector comparison](https://codesandbox.io/s/effector-comparison-r9qy2) - Effector vs MobX vs rxjs - diamon problem (glitches).

## Packages

* [effector-logger](https://github.com/effector/logger) - Simple logger with stores inspector.
* [patronum](https://github.com/effector/patronum) - Effector utility library delivering modularity and convenience.
* [atomic-router](https://github.com/atomic-router) - Simple routing implementation that provides abstraction layer instead of inline URL's and does not break your architecture.
* [eslint-plugin-effector](https://eslint.effector.dev) - Enforcing best practices.
* [effector-swc-plugin](https://github.com/kireevmp/effector-swc-plugin) - A drop-in `effector/babel-plugin` replacement for SWC and NextJS users.
* [effector-factorio](https://github.com/Kelin2025/effector-factorio) - The simplest way to write re-usable features with React + Effector.
* [effector-hotkey](https://github.com/Kelin2025/effector-hotkey) - Hotkeys with Effector made easy.
* [effector-localstorage](https://github.com/lessmess-dev/effector-localstorage) - Module for effector that sync stores with localStorage.
* [effector-history](https://github.com/Kelin2025/effector-history) - Utility library that implements undo/redo feature for you.
* [effector-utils](https://github.com/Kelin2025/effector-utils) - Effector utilities library.
* [effector-next](https://github.com/effector/nextjs) - Effector wrappers for Next.js.
* [effector-storage](https://github.com/yumauri/effector-storage) - Module for Effector that sync stores with localStorage (or sessionStorage).
* [forest](https://github.com/effector/effector/tree/master/packages/forest) - UI engine for web based on effector.
* [@space307/effector-react-slots](https://github.com/space307/effector-react-slots) - Effector library for slots implementation in React.
* [farfetched](https://farfetched.pages.dev) - The advanced data fetching tool for web applications.
* [@effector/reflect](https://github.com/effector/reflect) - Attach effector stores to react components without hooks.

### Form management
* [effector-forms](https://github.com/aanation/effector-forms) - Form manager for effector.
* [efform](https://github.com/tehSLy/efform) - Form manager, based on effector state manager, designed to deliver high-quality DX.
* [effector-react-form](https://github.com/GTOsss/effector-react-form) - Alternate form manager.

## Templates
* [effector SSR](https://github.com/effector/razzle-template) - SSR on React, TypeScript, Razzle and Styled.
* [CRA template](https://github.com/effector/cra-template) - Simple CreateReactApp template.
* [Feature-sliced template](https://github.com/mmnkuh/effector-vite-template) - Basic vite.js solution template combined with
React, Effector, Feature-sliced (Dockerized)