π Key Learning Outcomes
- Understand how to integrate NgRx with Angular to simplify state management and flow control in your applications.
- Learn to work with NgRx stores, actions, reducers, and selectors to manage application state more efficiently.
- Explore advanced NgRx features like entity management and side effects, making your state handling more scalable and maintainable.
- Discover how to use Redux DevTools for debugging and optimizing your Angular applicationβs state management.
- Implement the Facade pattern to simplify interaction with complex state logic and enhance code organization.
π¨βπ« About the Course
This course teaches how to use Angular with NgRx and RxJS for efficient state management. Led by Lukas Ruebbelke, you'll learn how to set up NgRx stores, manage state using actions and reducers, and utilize selectors to access state data. The course also covers more advanced topics like handling side effects, using NgRx entity to simplify state handling, and implementing the Facade pattern to streamline your codebase.
π― Target Audience
- Angular developers looking to manage state in a more scalable and maintainable way.
- Developers familiar with Angular who want to learn NgRx and RxJS.
- Frontend developers seeking to simplify state management in large or complex Angular applications.
β Requirements
- Basic knowledge of Angular.
- Familiarity with JavaScript and TypeScript.
- Experience with Redux or state management concepts is helpful but not required.
π Course Content
Introduction to NgRx
Understand the basics of Redux and how NgRx implements these concepts in Angular. Learn about state shape, reducers, and how to wire up the NgRx store in your application.
Managing State with Actions and Entities
Refactor reducers into actions and leverage NgRx entity to manage state more efficiently. Learn to wire up these actions and entities to your components.
Selectors and Side Effects
Create store selectors to access state data and implement side effects to handle asynchronous operations like server calls.
Facades for State Management
Implement the Facade pattern to simplify state management logic and reduce code complexity in your Angular application.
Drop a comment
Reactive Angular with NgRx by Lukas Ruebbelke
Log in to leave a feedback
Loginπ Psst! Interested in More Angular Courses?
Angular 4: Beginner to ProVideo
by Mosh Hamedani
πΉοΈ Levels: π± Beginner, π Intermediate
β³ Duration: 30 hours
π€ Price: Subscription
Redux in AngularVideo
by Mosh Hamedani
πΉοΈ Levels: π Intermediate
β³ Duration: 2 hours
π€ Price: Subscription
Production-Grade AngularVideo
by Lukas Ruebbelke
πΉοΈ Levels: π Intermediate, π Advanced
β³ Duration: 7 hours
π€ Price: Subscription
π§βπ» Learning Platform: Frontend Masters