https://github.com/piyalidas10/redux-angular

Angular 18 : Redux Pattern (component -> Actions -> Reducers -> Store -> Component)
https://github.com/piyalidas10/redux-angular

angular angular18 ngrx redux

Last synced: 1 day ago
JSON representation

Angular 18 : Redux Pattern (component -> Actions -> Reducers -> Store -> Component)

• Host: GitHub
• URL: https://github.com/piyalidas10/redux-angular
• Owner: piyalidas10
• Created: 2024-12-30T15:24:12.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-01-04T12:25:24.000Z (over 1 year ago)
• Last Synced: 2025-02-23T08:28:58.369Z (over 1 year ago)
• Topics: angular, angular18, ngrx, redux
• Language: TypeScript
• Homepage:
• Size: 919 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Angular 18 : Redux Pattern (component -> Actions -> Reducers -> Store -> Component)

![Redux Pattern](https://github.com/piyalidas10/Redux-Angular/blob/0d23471f6371ebad049846d571a42a5413d3cd50/redux_pattern.png)

1. Component dispatch the action. Action is nothing than an object with type & payload.

2. Action will reach to reducer. Reducer is a pure function that not dependent on external variable. It makes sure that updates of States will be predictable. Reducer will check action type & payload. 

3. Reducer will return data to the store / state which is new state.

4. Component directly consume data from store

Stackbliz Link: https://stackblitz.com/~/github.com/piyalidas10/Redux-Angular

### Angular 18 state management using NGRX - Store, Reducer, Effects, Selectors | NgRx tutorial in Hindi

https://www.youtube.com/watch?v=PvL7TULFxoE