Concurrent mode in Angular – Non-blocking UIs at scale

Nov 8 Online

Michael Hladky
Michael Hladky
Michael Hladky

Michael Hladky

angular up-2021

Runtime rendering performance and UI responsiveness of web applications are more important than ever – and the industry is well aware of it. Frameworks like React introduced new ways of addressing performance issues, allowing for faster UI updates, and with tools like Chrome's postTask() scheduling, you now have the low-level functionality to directly influence rendering performance.

Angular also has quite a few improvements to offer in this regard. To a great extent, those are made possible thanks to Angular Ivy. Indeed, with Ivy, we have new opportunities to influence rendering performance in Angular applications. Through those new APIs, it was possible to introduce a completely new and super-efficient Change detection mechanism.

In this talk, I will introduce you to the outcome of multiple years of research – Concurrent Mode in Angular.

Concurrent Mode gives us full, prioritized control of work on the main thread.

In the course of this event, we will:

  • discuss use cases and measure performance impact

  • see the possibilities of Concurrent Mode in Angular with real-world demos

  • showcase a nice API to schedule tasks with explicit priorities

Live in front of the whole audience, I will dig through the browser Flame Charts and explain the underlying principles in detail. Get a first glimpse of a completely new, future-proven, and innovative Angular.