Front-End Hydration - JSJ 567
Published: January 31, 2023
Front-End Hydration - JSJ 567
0:00
Playback Speed:
Show Notes
Dan Shappir takes the lead for this week's panelist episode as he talks about hydration. Hydration is the technique of using client-side JavaScript to enhance server-rendered HTML with application state and interaction. In the context of Web performance, he explains why it is regarded as such an issue and its impact.
The second part of this episode is reviewing various ways in which modern frameworks, such as Qwik, Astro, Remix, and NextJS are trying to alleviate the impact of hydration:
The second part of this episode is reviewing various ways in which modern frameworks, such as Qwik, Astro, Remix, and NextJS are trying to alleviate the impact of hydration:
- Avoiding frameworks, to begin with
- Faster hydration, e.g. Svelte, Solid
- Progressive enhancement, e.g. Remix
- Hydration slicing (+ progressive enhancement), e.g. Remix + React 18 (time slicing / isInputPending)
- Islands of hydration, e.g. Astro, Fresh
- Server Components, e.g. NextJS 13 React Server Components (SPA and streaming)
- Resumability, e.q. Qwik, Marko
On YouTube
Sponsors
Links
- Beyond Code Bootcamp: Home
- April 24 - 27, 2023 - JavaScript Conference London
- JSNation Conference 2023
- Qwik Part II With Misko Hevery - JSJ 563
- Mastering Linux Shell Scripting
- The Linux Command Line, 2nd Edition: A Complete Introduction
Picks
- AJ - Animal Crossing
- AJ - Yoshi's Crafted World™
- Charles- Harry Potter: Death Eaters Rising
- Dan - Don't Learn TypeScript
- Dan - JavaScript Frameworks in 2023