Workshop

Advanced Reactive UI Patterns

Sep 15
Sep 15, 2021 Online

Michael Hladky

Michael Hladky

workshopfest-2021-michael

Description

If you already know REDUX or reactive state management patterns and want to learn more about the internal architectural implementation details, this is the workshop you need to book. Local component state, flattening operators, contextual state and its display component templates – this workshop will provide a solid foundation from which you can continue to develop these and many more advanced skills pushing your knowledge to the next level.

Some of the in-depth topics we will cover include:

  • Local vs. global state (when to us what)

  • Derived state (shared computations, distinct changes, and nullish values)

  • Model vs. ViewModel

  • OOP Design Patterns and Component state (Facade, MVVM, MVC, Adapter)

  • Observable Inputs without decorators

  • Observable HostBindings

  • Managing async data streams with RxJS flattening operators

  • How to handle error, complete, suspense, and values in the template

  • Component lazy loading

  • Improving UX with Reusable reactive helpers (nonFlickerLoader)

More from the trainer

Advanced CPU Profiling in Node - Profile Data Structure

Advanced CPU Profiling in Node - Profile Data Structure

CPU profiles are more than flame charts—they’re structured JSON files. Learn how nodes, samples, and time deltas form the backbone of DevTools performance data.

Web Performance DevTools Architecture Node.js
Michael Hladky
Michael Hladky
Advanced CPU Profiling in Node - Real-Life Examples

Advanced CPU Profiling in Node - Real-Life Examples

Profiling is easiest when it's real. Learn how to capture and make sense of CPU profiles in Node.js across scripts, threads, and processes—then apply it to your own projects.

Web Performance DevTools Architecture Monorepo Node.js
Michael Hladky
Michael Hladky
Advanced CPU Profiling in Node - Best Practices and Pitfalls

Advanced CPU Profiling in Node - Best Practices and Pitfalls

Get deeper insights into your Node.JS performance. Learn how to master advanced CPU profiling with built-in tools, interpret process/thread IDs, and optimize using sampling intervals. Troubleshooting and real examples included.

Web Performance DevTools
Michael Hladky
Michael Hladky
Implementing Incremental Hydration in Angular (Part 3/3)

Implementing Incremental Hydration in Angular (Part 3/3)

Implement incremental hydration in a real-world Angular app - Basic setup, hydration triggers and important considerations for a seamless integration.

Angular Web Performance Architecture
Michael Hladky
Michael Hladky
The Game-Changing Impact of Incremental Hydration in Angular (Part 2/3)

The Game-Changing Impact of Incremental Hydration in Angular (Part 2/3)

Let's dive deeper into why incremental hydration in Angular matters so much for performance and user experience, focusing on its influence on Largest Contentful Paint (LCP), Interaction to Next Paint (INP), and Cumulative Layout Shift (CLS).

Angular Architecture Web Performance
Michael Hladky
Michael Hladky
Incremental Hydration in Angular: Introduction (Part 1/3)

Incremental Hydration in Angular: Introduction (Part 1/3)

Incremental hydration is a groundbreaking new feature in Angular that heavily impacts critical performance metrics like INP and LCP, while also reducing the effort required to maintain CLS at low levels.

Angular Web Performance Architecture
Michael Hladky
Michael Hladky