Reactive Angular Architectures with RxJS and NGRX (Redux)

Keep the upper hand on your complex application state and the reactive behavior of your application

Stay in control of complex application states and your application's reactive behavior

Remote & In-House
2 days
Some experience with Angular.
Theory phases alternate with live coding & exercises.
Also available as a company workshop
Public Workshop
  • Duration: 2 days
  • Next Date: TBA
  • Group discount available
  • Individually scheduled
  • In-house or remote
  • Discount for groups >8 participants

Order for Data Flows

Highly interactive applications host a variety of data flows with events and information retrieved. As these applications grow, the data flows become more and more confusing and suddenly you can no longer see the forest for the trees.

This interactive seminar brings order to chaos. You will learn to develop reactive applications with Angular. In addition, a case study with numerous application examples uses the professional application of RxJS (Reactive Extensions for JavaScript). The training pays a lot of attention to reactive thinking and reactive design.

Then you will learn how your application states can be managed with facades and RxJS and when the additional use of the Redux pattern makes sense. This is then examined in more detail using NGRX – the defacto standard for Redux under Angular. We cover the individual building blocks and further samples.

Optional – remote workshops:
All of our trainings and consultations can now also be booked as remote workshops!



Selected satisfied customers

The course of the training at a glance!

Manage observables

  • Create observables
  • Factory functions (Creation Operators)
  • Operators and marble diagrams
  • Cold vs. Hot observables
  • Subjects and multicasting
  • Implicit and explicit closing of observables

Reactive design and thinking

  • The steps of reactive design
  • Structured implementation of a reactive solution
  • Combine operators
  • Case study on reactive design and implementation of reactive solutions
  • Debug reactive solutions

Further scenarios and operators based on case studies

  • Advanced creation operators
  • Operators for error handling
  • Multicasting operators
  • Filtering operators
  • Operators for transformations
  • Utility operators
  • Write your own operators

State management with NGRX

  • State management with facades and RxJS
  • The Redux approach
  • Comparison of various state libraries like NGRX, NGXS and Akita
  • Implement the Redux approach with NGRX
  • Modeling states
  • Working with immutables
  • Actions and action creators
  • Feature modules and lazy loading
  • Generate code with @ ngrx / schematics

More NGRX concepts and libraries

  • Selectors and memorization
  • Treat side effects with @ ngrx / effects
  • Manage entities with @ ngrx / entity
  • Automate the interaction between NGRX and the backend with @ ngrx / data

Best practices and state patterns

  • Component design with Smart and Dumb Components
  • Simplify the use of immutables with libraries
  • Normalization of states
  • Meta reducer
  • Persistence of states
  • States and routing
  • Undo / Redo
  • Optimistic UI
  • Caching
  • State management and forms, especially reactive forms

Public Workshops

All of our seminars are always available remotely or in-house. Contact us to make an appointment

No post was found with your current grid settings. You should verify if you have posts inside the current selected post type(s) and if the meta key filter is not too much restrictive.

More public dates

2023 11. 04 -
12. 04
09:00 - 17:00 (CET)
Group DiscountEarly Bird until 26.03.2023

Professional Angular Testing

2023 18. 04 -
20. 04
14:30 - 18:30 (CET)
Group DiscountEarly Bird until 26.03.2023

Angular Performance Workshop

8:30 am - 12:30 pm ET (New York.) // 2:30 pm - 6:30 pm CET (Berlin)
2023 11. 05 -
12. 05
09:00 - 17:00 (CET)
Discount Code

Professional NGRX: Advanced Topics & Best Practices

2023 10. 07 -
13. 07
13:00 - 17:30 (CET)
Group DiscountEarly Bird until 31.05.2023

Angular Architecture Workshop

8:30 am - 12:30 pm Eastern Time = 1:30 pm - 5:30 pm CET


Manfred Steyer is a Google Developer Expert (GDE) for Angular and Tursted Collaborator in the Angular team. Together with his team, he looks after customers in the entire German language area. The focus is on business and industrial applications based on Angular.

Only One Step Away!

Send us your inquery today - we help you with pleasure!

Jetzt anfragen!