https://github.com/geekshubhamrajput/redux-demo

A simple demo showcasing how to use Redux with React, demonstrating state management through actions, reducers, and the Redux store using react-redux hooks.
https://github.com/geekshubhamrajput/redux-demo

Last synced: 12 days ago
JSON representation

A simple demo showcasing how to use Redux with React, demonstrating state management through actions, reducers, and the Redux store using react-redux hooks.

• Host: GitHub
• URL: https://github.com/geekshubhamrajput/redux-demo
• Owner: GeekShubhamRajput
• Created: 2024-11-29T10:27:32.000Z (26 days ago)
• Default Branch: main
• Last Pushed: 2024-11-29T10:33:57.000Z (26 days ago)
• Last Synced: 2024-11-29T11:33:38.410Z (26 days ago)
• Language: JavaScript
• Size: 51.8 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# redux-demo

A simple demo showcasing how to use Redux with React, demonstrating state management through actions, reducers, and the Redux store using react-redux hooks.

## Redux

Redux is a predictable state container for Javascript app.

## React-Redux 

React-Redux is the official Redux UI binding library for React.

## Action

An action is an object with a type property.

## Reducer

Reducer specify how the app's state changes in response to actions sent to store.

Function that accepts state and action as arguments, and returns the next state of the application.

reducer(previousState, action) => newState

## Redux Store

One store for the entire application.

Holds application state.

## Middleware

Middleware is the suggested way to extend Redux with custom functionality.

Provides a third-party extension point between dispatching an action, and the moment it reached the reducer.

Use middleware for logging, crash reporting, performing asynchronous tasks etc.

## Synchronous Actions

As soon as an action was dispatched, the state was immediately updated.

## Asynchronous Actions

Asynchronous API calls to fetch the data from an end point and use that data in your application.

## Axios

Requests to an API end point.

## Redux-Thunk

Define async action creators.

Middleware