Copyright Β© 2025Best Frontend Courses. All rights reserved.

  • Categories
  • Instructors
  • Terms of Service
  • Privacy Policy
  • Feedback
Best Frontend Courses LogoBest Frontend Courses
    • AI
    • Accessibility
    • Algorithms
    • Angular
    • Architecture
    • Astro
    • Auth
    • CSS
    • Firebase
    • Game Development
    • Gatsby
    • Git
    • GraphQL
    • HTML
    • Ionic
    • JavaScript
    • Jotai
    • MobX
    • Native
    • Netlify
    • Next.js
    • Nx
    • Performance
    • Prisma
    • React
    • React Native
    • Redux
    • Remix
    • Rx.js
    • SCSS/Sass
    • SolidJS
    • Storybook
    • Supabase
    • Svelte
    • Tailwind
    • Testing
    • TypeScript
    • Vue.js
    • XState
    • jQuery
    • p5.js
  • Add Course
  • Login
  1. Home
  2. Angular
  3. Reactive Angular with NgRx
Angular / Rx.js
Video

Reactive Angular with NgRx

by Lukas Ruebbelke
Enroll
πŸ•ΉοΈ Levels: 😎 Intermediate
⏳ Duration: 3 hours
πŸ€‘ Price: Subscription
πŸ§‘β€πŸ’» Learning Platform: Frontend Masters
πŸ§‘β€πŸŽ“ Certificate: No

πŸ”‘ 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.

Update Course

Drop a comment

Reactive Angular with NgRx by Lukas Ruebbelke

Log in to leave a feedback

Login

πŸ‘‡ Psst! Interested in More Angular Courses?

AngularAngular

Angular 4: Beginner to Pro
Video

by Mosh Hamedani

πŸ•ΉοΈ Levels: 🌱 Beginner, 😎 Intermediate

⏳ Duration: 30 hours

πŸ€‘ Price: Subscription

AngularAngular

Angular 4 Crash Course for Busy Developers
Video

by Mosh Hamedani

πŸ•ΉοΈ Levels: 🌱 Beginner, 😎 Intermediate

⏳ Duration: 10 hours

πŸ€‘ Price: Subscription

AngularAngularReduxRedux

Redux in Angular
Video

by Mosh Hamedani

πŸ•ΉοΈ Levels: 😎 Intermediate

⏳ Duration: 2 hours

πŸ€‘ Price: Subscription

πŸ”™ Back to Angular Category