Effector vs redux-thunk

Overview

redux-thunk

Stacks1.2K

Followers185

Votes6

GitHub Stars17.7K

Forks1.0K

Effector

Stacks32

Followers26

Votes23

redux-thunk vs Effector: What are the differences?

redux-thunk: Thunk middleware for Redux. Redux Thunk middleware allows you to write action creators that return a function instead of an action. The thunk can be used to delay the dispatch of an action, or to dispatch only if a certain condition is met. The inner function receives the store methods dispatch and getState as parameters; Effector: Multi-store state manager for Javascript apps. It is an effective multi-store state manager for Javascript apps, that allows you to manage data in complex applications.

redux-thunk and Effector can be categorized as "State Management Library" tools.

redux-thunk and Effector are both open source tools. It seems that redux-thunk with 14.4K GitHub stars and 808 forks on GitHub has more adoption than Effector with 2.24K GitHub stars and 84 GitHub forks.

Share your Stack

Help developers discover the tools you use. Get visibility for your team's tech choices and contribute to the community's knowledge.

View Docs

CLI (Node.js)

Manual

Detailed Comparison

redux-thunk	Effector
Redux Thunk middleware allows you to write action creators that return a function instead of an action. The thunk can be used to delay the dispatch of an action, or to dispatch only if a certain condition is met. The inner function receives the store methods dispatch and getState as parameters.	It is an effective multi-store state manager for Javascript apps, that allows you to manage data in complex applications.
-	Type safe; Framework agnostic; Developer-friendly; Maximum performance; Tiny bundle size; Plain javascript
Statistics
GitHub Stars 17.7K	GitHub Stars -
GitHub Forks 1.0K	GitHub Forks -
Stacks 1.2K	Stacks 32
Followers 185	Followers 26
Votes 6	Votes 23
Pros & Cons
Pros 6 Easy	Pros 8 Statically typed 7 Less boilerplate 4 Small bundle size 2 Signal functions 2 Effects calculation Cons 2 Undocumented methods like setState 1 Lack of debugging tools
Integrations
Redux	TypeScript JavaScript Flow (JS)

What are some alternatives to redux-thunk, Effector?

Redux

It helps you write applications that behave consistently, run in different environments (client, server, and native), and are easy to test. t provides a great experience, such as live code editing combined with a time traveling debugger.

MobX

MobX is a battle tested library that makes state management simple and scalable by transparently applying functional reactive programming (TFRP). React and MobX together are a powerful combination. React renders the application state by providing mechanisms to translate it into a tree of renderable components. MobX provides the mechanism to store and update the application state that React then uses.

Zustand

Small, fast and scaleable bearbones state-management solution. Has a comfy api based on hooks, that isn't boilerplatey or opinionated, but still just enough to be explicit and flux-like.

redux-saga

An alternative side effect model for Redux apps

vuex

Vuex is a state management pattern + library for Vue.js applications. It serves as a centralized store for all the components in an application, with rules ensuring that the state can only be mutated in a predictable fashion. It also integrates with Vue's official devtools extension to provide advanced features such as zero-config time-travel debugging and state snapshot export / import.

Unstated

State so simple, it goes without saying

reselect

Simple “selector” library for Redux (and others) inspired by getters in NuclearJS, subscriptions in re-frame and this proposal from speedskater.

Redux Observable

It allows developers to dispatch a function that returns an observable, promise or iterable of action(s). Compose and cancel async actions to create side effects and more.

Recoiljs

It is an experimental state management library for React apps. It provides several capabilities that are difficult to achieve with React alone, while being compatible with the newest features of React.

XState

It is a library for creating, interpreting, and executing finite state machines and statecharts. It's a really powerful package that can be used to manage state in React Apps.