Charles M Wood

Vzdělání

Byznys

Jak na to

Technika

Front-End Hydration - JSJ 567

JavaScript Jabber

Stay current on JavaScript, Node, and Front-End development. Learn from experts in programming, careers, and technology every week. Become a supporter of this podcast: <a href="https://www.spreaker.com/podcast/javascript-jabber--6102064/support?utm_source=rss&utm_medium=rss&utm_campaign=rss">https://www.spreaker.com/podcast/javascript-jabber--6102064/support</a>.

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:<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> Sponsors<ul><li><a href="https://topenddevs.com/resume" target="_blank" rel="noreferrer noopener">Chuck's Resume Template</a></li><li><a href="https://topenddevs.com/book-club" target="_blank" rel="noreferrer noopener">Developer Book Club starting with Clean Architecture by Robert C. Martin</a></li><li><a href="https://topenddevs.com/sign_up" target="_blank" rel="noreferrer noopener">Become a Top 1% Dev with a Top End Devs Membership</a></li></ul> Links<ul><li><a href="https://www.beyondcodebootcamp.com/" target="_blank" rel="noreferrer noopener">Beyond Code Bootcamp: Home</a></li><li><a href="https://www.google.com/aclk?adurl=&ai=DChcSEwjRqP_Z__D8AhWPTmAKHbu5A2AYABACGgJ0bQ&q=&sa=l&sig=AOD64_3BKUlKMcQbrnZfOVEOS332tM99IA&ved=2ahUKEwirkfrZ__D8AhVM_GEKHZebCMoQ0Qx6BAgJEAE" target="_blank" rel="noreferrer noopener">April 24 - 27, 2023 - JavaScript Conference London</a></li><li><a href="https://jsnation.com/" target="_blank" rel="noreferrer noopener">JSNation Conference 2023</a></li><li><a href="https://topenddevs.com/podcasts/javascript-jabber/episodes/qwik-part-ii-with-misko-hevery-jsj-563" target="_blank" rel="noreferrer noopener">Qwik Part II With Misko Hevery - JSJ 563</a></li><li><a href="https://amzn.to/40lQIle" target="_blank" rel="noreferrer noopener">Mastering Linux Shell Scripting</a></li><li><a href="https://amzn.to/3XYYGPJ" target="_blank" rel="noreferrer noopener">The Linux Command Line, 2nd Edition: A Complete Introduction</a></li></ul> Picks<ul><li>AJ - <a href="https://animal-crossing.com/" target="_blank" rel="noreferrer noopener">Animal Crossing</a></li><li>AJ - <a href="https://yoshiscraftedworld.nintendo.com/" target="_blank" rel="noreferrer noopener">Yoshi's Crafted World™</a></li><li>Charles- <a href="https://boardgamegeek.com/boardgame/283211/harry-potter-death-eaters-rising" target="_blank" rel="noreferrer noopener">Harry Potter: Death Eaters Rising </a></li><li>Dan - <a href="https://www.youtube.com/watch?v=kRiD6ZpAN_o" target="_blank" rel="noreferrer noopener">Don't Learn TypeScript</a></li><li>Dan - <a href="https://www.youtube.com/watch?v=6RIPfwxj24s" target="_blank" rel="noreferrer noopener">JavaScript Frameworks in 2023</a></li></ul> Support this podcast at — <a href="https://redcircle.com/javascript-jabber/donations" target="_blank" rel="noreferrer noopener">https://redcircle.com/javascript-jabber/donations</a> Privacy & Opt-Out: <a href="https://redcircle.com/privacy" target="_blank" rel="noreferrer noopener">https://redcircle.com/privacy</a> Become a supporter of this podcast: <a href="https://www.spreaker.com/podcast/javascript-jabber--6102064/support?utm_source=rss&utm_medium=rss&utm_campaign=rss">https://www.spreaker.com/podcast/javascript-jabber--6102064/support</a>.

Aplikace Youradio Talk

Front-End Hydration - JSJ 567

Poslechněte si podcast