Front-End Hydration - JSJ 567

JavaScript Jabber

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:

• 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

Sponsors

• Chuck's Resume Template
• Developer Book Club starting with Clean Architecture by Robert C. Martin
• Become a Top 1% Dev with a Top End Devs Membership

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

Support this podcast at — https://redcircle.com/javascript-jabber/donations
Privacy & Opt-Out: https://redcircle.com/privacy
Become a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.