https://github.com/geekshubhamrajput/redux-demo
A Redux demo showcasing core concepts like actions, reducers, and store management, featuring both synchronous and asynchronous state handling.
https://github.com/geekshubhamrajput/redux-demo
action asynchronous-actions middleware reducer redux redux-store
Last synced: about 2 months ago
JSON representation
A Redux demo showcasing core concepts like actions, reducers, and store management, featuring both synchronous and asynchronous state handling.
- Host: GitHub
- URL: https://github.com/geekshubhamrajput/redux-demo
- Owner: GeekShubhamRajput
- Created: 2024-11-29T10:27:32.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-12-02T15:38:06.000Z (6 months ago)
- Last Synced: 2025-02-07T03:41:47.439Z (3 months ago)
- Topics: action, asynchronous-actions, middleware, reducer, redux, redux-store
- Language: JavaScript
- Homepage:
- Size: 545 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