Front-End Hydration - JSJ 567

JavaScript Jabber

Episode | Podcast

Date: Tue, 31 Jan 2023 11:00:00 +0000

<p>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.</p><p><br /></p><p>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:</p><ul><li>Avoiding frameworks, to begin with</li><li>Faster hydration, e.g. Svelte, Solid</li><li>Progressive enhancement, e.g. Remix</li><li>Hydration slicing (+ progressive enhancement), e.g. Remix + React 18 (time slicing / isInputPending)</li><li>Islands of hydration, e.g. Astro, Fresh</li><li>Server Components, e.g. NextJS 13 React Server Components (SPA and streaming)</li><li>Resumability, e.q. Qwik, Marko</li></ul><p><br /></p><h1>Sponsors</h1><ul><li><a href="https://topenddevs.com/resume" rel="nofollow">Chuck's Resume Template</a></li><li><a href="https://topenddevs.com/book-club" rel="nofollow">Developer Book Club starting with Clean Architecture by Robert C. Martin</a></li><li><a href="https://topenddevs.com/sign_up" rel="nofollow">Become a Top 1% Dev with a Top End Devs Membership</a></li></ul><p><br /></p><h1>Links</h1><ul><li><a href="https://www.beyondcodebootcamp.com/" rel="nofollow">Beyond Code Bootcamp: Home</a></li><li><a href="https://www.google.com/aclk?adurl=&amp;ai=DChcSEwjRqP_Z__D8AhWPTmAKHbu5A2AYABACGgJ0bQ&amp;q=&amp;sa=l&amp;sig=AOD64_3BKUlKMcQbrnZfOVEOS332tM99IA&amp;ved=2ahUKEwirkfrZ__D8AhVM_GEKHZebCMoQ0Qx6BAgJEAE" rel="nofollow">April 24 - 27, 2023 - JavaScript Conference London</a></li><li><a href="https://jsnation.com/" rel="nofollow">JSNation Conference 2023</a></li><li><a href="https://topenddevs.com/podcasts/javascript-jabber/episodes/qwik-part-ii-with-misko-hevery-jsj-563" rel="nofollow">Qwik Part II With Misko Hevery - JSJ 563</a></li><li><a href="https://amzn.to/40lQIle" rel="nofollow">Mastering Linux Shell Scripting</a></li><li><a href="https://amzn.to/3XYYGPJ" rel="nofollow">The Linux Command Line, 2nd Edition: A Complete Introduction</a></li></ul><p><br /></p><h1>Picks</h1><ul><li>AJ - <a href="https://animal-crossing.com/" rel="nofollow">Animal Crossing</a></li><li>AJ - <a href="https://yoshiscraftedworld.nintendo.com/" rel="nofollow">Yoshi's Crafted World™</a></li><li>Charles- <a href="https://boardgamegeek.com/boardgame/283211/harry-potter-death-eaters-rising" rel="nofollow">Harry Potter: Death Eaters Rising </a></li><li>Dan - <a href="https://www.youtube.com/watch?v=kRiD6ZpAN_o" rel="nofollow">Don't Learn TypeScript</a></li><li>Dan - <a href="https://www.youtube.com/watch?v=6RIPfwxj24s" rel="nofollow">JavaScript Frameworks in 2023</a></li></ul><p><br /></p><br /><br />Support this podcast at — <a href="https://redcircle.com/javascript-jabber/donations" rel="payment">https://redcircle.com/javascript-jabber/donations</a><br /><br />Advertising Inquiries: <a href="https://redcircle.com/brands">https://redcircle.com/brands</a><br /><br />Privacy & Opt-Out: <a href="https://redcircle.com/privacy">https://redcircle.com/privacy</a>