One of the hardest things about writing non-trivial applications is managing state. In our attempt to effectively manage state, we introduce additional complexity by trying to control application flow and the amount of code volume that comes from all of this. Redux gives us the ability to address state management and communication in astonishingly simple semantics that can be explained in just a couple minutes. The beauty of Redux is that it is not only a library but a pattern that works very will within Angular 1.x applications. In this series, we are going to learn how to integrate redux (the pattern) into Eggly from scratch and then introduce ng-redux and add in Redux DevTools at the end for fun.
Overview
Syllabus
- Angular 1.x Redux: Introduction
- Angular 1.x Redux: Handle State Mutations with Reducers
- Angular 1.x Redux: Persist State with an Application Store
- Angular 1.x Redux: Subscribe to the Application Store
- Angular 1.x Redux: Create Reusable Actions with Action Creators
- Angular 1.x Redux: Integrate ngRedux
- Angular 1.x Redux: Handle Multiple Models by Combining Reducers
- Angular 1.x Redux: Put It All Together
- Angular 1.x Redux: Avoid State Mutation with Immutable Operations
- Angular 1.x Redux: Map State and Dispatchers to Redux
- Angular 1.x Redux: Handle Asynchronous Operations with Middleware
- Angular 1.x Redux: Test Reducers
- Angular 1.x Redux: Integrate Redux Devtools
Taught by
Lukas Ruebbelke