Head-to-Head: NgRx vs Jotai Analysis


v16.3.0(about 16 hours ago)

This package is actively maintained.Types definitions are bundled with the npm packageNumber of direct dependencies: 1Monthly npm downloads

@ngrx/store is a state management library for Angular applications. It provides a predictable state container that follows the Redux pattern, allowing you to manage the state of your application in a centralized and immutable way. With @ngrx/store, you can define actions and reducers to update the state, and use selectors to retrieve specific parts of the state.

Alternatives: NgRx, Akita, MobX

Tags: angularstate-managementreduximmutableselectors


v2.4.3(7 days ago)

This package is actively maintained.Types definitions are bundled with the npm packageNumber of direct dependencies: 0Monthly npm downloads

Jotai is a modern state management library for React applications. It is built on top of React's Context API and provides an alternative to traditional state management libraries like Redux and MobX. Jotai aims to simplify state management by reducing boilerplate and providing a more declarative API.

Alternatives: redux, mobx, zustand

Tags: reactstate-managementcontext-apiatomsdeclarative



Both @ngrx/store and Jotai are popular npm packages, but @ngrx/store has been around for longer and has a stronger presence within the Angular ecosystem. It is widely used in Angular projects and has a large community following. Jotai, on the other hand, is a newer library that gained popularity due to its simplicity and flexibility.

Framework Compatibility

@ngrx/store is specifically designed for managing state in Angular applications. It integrates seamlessly with Angular and follows Angular's reactive architecture principles. Jotai, on the other hand, is a framework-agnostic state management library and can be used with any JavaScript framework or library, including React and Vue.

State Management Approach

@ngrx/store follows the traditional Redux pattern and relies on a centralized store, actions, and reducers to manage state. It provides tools like selectors and async actions to handle complex state management scenarios. Jotai, on the other hand, follows an atom-based approach inspired by Recoil. It allows developers to define and consume state atoms directly without the need for actions or reducers.

Developer Experience

Both packages provide a good developer experience. @ngrx/store has excellent TypeScript support and provides a rich set of devtools for debugging and time-traveling through state changes. It also has extensive documentation and a mature ecosystem. Jotai, as a newer library, has a simpler API with less boilerplate code required. It also provides good TypeScript support and has a growing community, but its ecosystem is not as extensive as @ngrx/store.


In terms of performance, both @ngrx/store and Jotai are designed to be efficient. However, @ngrx/store, being highly optimized for the Angular framework, has undergone more optimization and performance improvements over the years. Jotai, while performant, may have a slight performance advantage due to its simpler and more direct state management approach.