Top 7 Core and Middleware Redux Libraries

share link

by l.rohitharohitha2001@gmail.com dot icon Updated: Feb 18, 2024

technology logo
technology logo

Guide Kit Guide Kit  

Redux is a used library in the JavaScript ecosystem for managing the state of an application. Redux is a powerful tool, and some libraries and extensions complement it. 


Redux-related libraries: 


  1. Redux Thunk: Redux Thunk is a middleware for Redux that allows you to write action creators. That enables you to perform asynchronous logic, such as API calls inside your actions. 
  2. Redux Saga: Redux Saga is another middleware for Redux that uses ES6 Generators to its effects. It is such as asynchronous operations and complex state transitions. There are more structured and testable ways than traditional async middleware. 
  3. Redux Toolkit: Redux Toolkit is an official package from the Redux team that provides it. It includes utilities for creating Redux stores and writing reducers. It performs common tasks like immutable updates and Redux DevTools integration. 
  4. Reselect: Reselect is a library for creating memoized selectors in Redux applications. Selectors are functions that compute derived data from the Redux store state. 
  5. Redux Persist: Redux Persist is a library for persisting Redux state to local storage. It provides a simple way to save and rehydrate the Redux store state. It enables features like preserving user preferences and session data. 
  6. Redux-ORM: Redux-ORM is a library for managing relational data in Redux applications. It allows you to define models and relationships between entities and generates Redux. Its reducers and selectors for querying and updating the data. 
  7. Redux Form: Redux Form is a library for managing form state in Redux applications. It provides components and utilities for handling form inputs, validation, and submission. It integrates seamlessly with Redux to store form state in the Redux store. 
  8. Redux Observable: Redux Observable is a middleware for Redux that allows you to manage it. It is based on RxJS observables and provides a powerful way to handle complex async logic in Redux. 


Redux JavaScript libraries play a crucial role in enhancing functionality and flexibility. Redux itself provides a powerful state management solution. These libraries extend their capabilities, address common challenges, and streamline development processes. 

redux-saga: 

  • Redux Saga is a library for managing side effects in Redux applications. 
  • It provides an alternative approach to handling asynchronous actions. 
  • Redux Saga leverages ES6 generators to make asynchronous easier to read and write. 


redux-sagaby redux-saga

JavaScript doticonstar image 22452 doticonVersion:@redux-saga/core@1.2.3doticon
License: Permissive (MIT)

An alternative side effect model for Redux apps

Support
    Quality
      Security
        License
          Reuse

            redux-sagaby redux-saga

            JavaScript doticon star image 22452 doticonVersion:@redux-saga/core@1.2.3doticon License: Permissive (MIT)

            An alternative side effect model for Redux apps
            Support
              Quality
                Security
                  License
                    Reuse

                      redux-devtools-extension: 

                      • Redux DevTools Extension allows time travel through the state changes in Redux. 
                      • Redux DevTools Extension provides a visual interface for inspecting the current of Redux. 
                      • Redux DevTools Extension acts as a store enhancer, enhancing your Redux store. 


                      JavaScript doticonstar image 13472 doticonVersion:2.17.1doticon
                      License: Permissive (MIT)

                      Redux DevTools extension.

                      Support
                        Quality
                          Security
                            License
                              Reuse

                                redux-devtools-extensionby zalmoxisus

                                JavaScript doticon star image 13472 doticonVersion:2.17.1doticon License: Permissive (MIT)

                                Redux DevTools extension.
                                Support
                                  Quality
                                    Security
                                      License
                                        Reuse

                                          redux-form: 

                                          • Redux Form is a library for managing form state in React applications using Redux. 
                                          • This allows the form state to be accessed and manipulated by connecting to the Redux store. 
                                          • Redux Form allows to define validation logic for individual form fields. 


                                          redux-formby redux-form

                                          JavaScript doticonstar image 12614 doticonVersion:v8.3.10doticon
                                          License: Permissive (MIT)

                                          A Higher Order Component using react-redux to keep form state in a Redux store

                                          Support
                                            Quality
                                              Security
                                                License
                                                  Reuse

                                                    redux-formby redux-form

                                                    JavaScript doticon star image 12614 doticonVersion:v8.3.10doticon License: Permissive (MIT)

                                                    A Higher Order Component using react-redux to keep form state in a Redux store
                                                    Support
                                                      Quality
                                                        Security
                                                          License
                                                            Reuse

                                                              sound-redux: 

                                                              • Sound-redux is a SoundCloud client built with React and Redux. 
                                                              • It is a project created by Andrew Ngu to learn ES6 and Redux. 
                                                              • sound-redux is a JavaScript library used in User Interface, State Container, and React. 


                                                              sound-reduxby andrewngu

                                                              JavaScript doticonstar image 5039 doticonVersion:Currentdoticon
                                                              License: Strong Copyleft (GPL-3.0)

                                                              A Soundcloud client built with React / Redux

                                                              Support
                                                                Quality
                                                                  Security
                                                                    License
                                                                      Reuse

                                                                        sound-reduxby andrewngu

                                                                        JavaScript doticon star image 5039 doticonVersion:Currentdoticon License: Strong Copyleft (GPL-3.0)

                                                                        A Soundcloud client built with React / Redux
                                                                        Support
                                                                          Quality
                                                                            Security
                                                                              License
                                                                                Reuse

                                                                                  redux-loop: 

                                                                                  • redux-loop, you can manage asynchronous logic in Redux using a declarative approach.   
                                                                                  • It supports complex state machines and finite state transitions.   
                                                                                  • It can also integrate it with Redux middleware. This will help predictably handle side effects.  


                                                                                  redux-loopby redux-loop

                                                                                  JavaScript doticonstar image 1970 doticonVersion:v6.0.1doticon
                                                                                  License: Permissive (MIT)

                                                                                  A library that ports Elm's effect system to Redux

                                                                                  Support
                                                                                    Quality
                                                                                      Security
                                                                                        License
                                                                                          Reuse

                                                                                            redux-loopby redux-loop

                                                                                            JavaScript doticon star image 1970 doticonVersion:v6.0.1doticon License: Permissive (MIT)

                                                                                            A library that ports Elm's effect system to Redux
                                                                                            Support
                                                                                              Quality
                                                                                                Security
                                                                                                  License
                                                                                                    Reuse

                                                                                                      redux-logger: 

                                                                                                      • The redux-logger middleware allows you to log Redux actions and state changes.  
                                                                                                      • This can format the logged output to your liking.   
                                                                                                      • It also integrates with development tools to enhance debugging capabilities. 

                                                                                                       

                                                                                                      redux-loggerby LogRocket

                                                                                                      JavaScript doticonstar image 5723 doticonVersion:3.0.6doticon
                                                                                                      License: Permissive (MIT)

                                                                                                      Logger for Redux

                                                                                                      Support
                                                                                                        Quality
                                                                                                          Security
                                                                                                            License
                                                                                                              Reuse

                                                                                                                redux-loggerby LogRocket

                                                                                                                JavaScript doticon star image 5723 doticonVersion:3.0.6doticon License: Permissive (MIT)

                                                                                                                Logger for Redux
                                                                                                                Support
                                                                                                                  Quality
                                                                                                                    Security
                                                                                                                      License
                                                                                                                        Reuse

                                                                                                                          redux-orm: 

                                                                                                                          • redux-orm can simplify object-relational mapping for your Redux state.   
                                                                                                                          • It normalizes and denormalizes data.  
                                                                                                                          • It can query and manage relational data structures.  

                                                                                                                           

                                                                                                                          redux-ormby redux-orm

                                                                                                                          JavaScript doticonstar image 2967 doticonVersion:v0.17.0-rc.0doticon
                                                                                                                          License: Permissive (MIT)

                                                                                                                          NOT MAINTAINED – A small, simple and immutable ORM to manage relational data in your Redux store.

                                                                                                                          Support
                                                                                                                            Quality
                                                                                                                              Security
                                                                                                                                License
                                                                                                                                  Reuse

                                                                                                                                    redux-ormby redux-orm

                                                                                                                                    JavaScript doticon star image 2967 doticonVersion:v0.17.0-rc.0doticon License: Permissive (MIT)

                                                                                                                                    NOT MAINTAINED – A small, simple and immutable ORM to manage relational data in your Redux store.
                                                                                                                                    Support
                                                                                                                                      Quality
                                                                                                                                        Security
                                                                                                                                          License
                                                                                                                                            Reuse

                                                                                                                                              FAQ


                                                                                                                                              1. What is Redux? 

                                                                                                                                              Redux is a predictable state container for JavaScript applications. It helps manage the state of an application in a single immutable state tree. It makes it easier to understand, debug and maintain the application state. 


                                                                                                                                              2. What are Redux JavaScript libraries used for? 

                                                                                                                                              Redux JavaScript libraries are used to enhance Redux functionality. It addresses common challenges in state management and streamlines development processes. They provide middleware for handling asynchronous logic and utilities for simplifying Redux development. Those selectors for efficient data selection and tools for enhancing user experience. 


                                                                                                                                              3. What is Redux Toolkit? 

                                                                                                                                              Redux Toolkit is an official package from the Redux team that provides utilities. It includes tools for creating Redux stores, writing reducers, and performing common tasks. That immutable updates and Redux DevTools integration. 


                                                                                                                                              4. What is Redux Form used for? 

                                                                                                                                              Redux Form is a library for managing form state in Redux applications. It provides components and utilities for handling form inputs, validation, and submission. It integrates with Redux to store form state in the Redux store. 


                                                                                                                                              5. What is Redux Persist used for? 

                                                                                                                                              Redux Persist is a library for persisting Redux to local storage or storage engines. It provides a simple way to save and rehydrate the Redux store state. It enables features like preserving user preferences and session data. 


                                                                                                                                               

                                                                                                                                              See similar Kits and Libraries