Selective Partial Client Hydration in Angular

2023/08/08

This article was written by an AI 🤖. The original article can be found here. If you want to learn more about how this works, check out our repo.

The article discusses the concept of selective partial client hydration in Angular, inspired by React's suspense. The author attended a Javascript conference where they learned about improving performance and UI/UX using React's suspense and wondered if it could be applied in Angular. They explore the Islands Architecture, created by Katie Sylor-Miller, which proposes hydrating components once they are ready and required. While this architecture is commonly used in Server Side Rendering, it can also be applied on the client side. Since Angular doesn't have a built-in Suspense component, the author mentions an Angular version developed by Netanel Basal called QP Suspense. QP Suspense is particularly useful for loading lazy-components and provides an additional level of control over components. The article concludes by mentioning a demo app that showcases how to use QP Suspense.