09.11.2022 - 11:15 Uhr

Tackling Component-state Reactively

Ever heard about a sub­scrip­tion-less com­po­nent? Think about all the observ­ables you have to sub­scribe to, and even if you use the async pipe, there are sit­u­a­tions where you can’t. It’s a lot of things you have to man­age. Is there a smart way to do all this?

@ngrx/store did a great job in man­ag­ing glob­al state in SPAs. How­ev­er, nobody talked about the com­plex­i­ty and pain of man­ag­ing the local com­po­nent state.

Lernziele

Let me list a few problems you will run into when implementing local state management:

  • Encapsulation and instantiation of local state

  • Managing the structure of the state

  • The late subscriber problem

  • Composition and aggregation of hot and cold observables

  • Sharing references over observables

  • Managing Subscriptions and Side-Effects ChangeDetection and zone.js

  • Manage Highly fluctuating state-structures

After this talk, you are able to solve all of these problems with a clean and structured approach. In a final step, we will pull together the above problems and implement the solutions, driven by a central unit and takes over all the mentioned problems.

Michael Hladky
Push-Based
Michael Hladky is a Google Developer Expert (GDE), Microsoft MVP, trainer, and consultant with a focus on Angular and RxJS. For years he has been helping companies and developers to set up scalable architectures and performant processes enabling teams to keep up with state-of-the-art development. A vibrant member of the tech community, he organizes multiple community events and workshops each year to give back.