Turbo, Astro, Server Components, and HTML Over the Wire

The lads are back with an action-packed episode full of juicy details about “buildless” architecture & “Turbo” architecture, server components, tools & techniques which encourage server-rendered HTML pages and fragments sent over the wire, making websites which work without JavaScript, the huge pendulum shift we see in the industry back to coupled fullstack DX, and so much more. Grab your notepad because there’s a lot of ground to cover!

Hosted by Jared White & Ayush

Links:

• That HTML Blog (Jared)
• Fresh Fusion Podcast (Jared)
• Radioactive Toy (Ayush)
• HTML over the wire tooling:
  • Hotwire
  • htmx
  • Alpine.js
  • Unpoly
• Rails World: website / repo
• View Transitions API
• Astro riffing off it
• Turbo Permanent
• Ryan Carniato stream on MPAs vs. SPAs
• A haiku on React Server Components
• Redwood.js…whoops, our bad!

Chapters

• 0:00 Introduction
• 0:28 Weather Report
• 2:17 thathtml.blog
• 3:26 Fresh Fusion Podcast
• 4:49 Save Ayush from writing Tailwind!
• 5:57 Time to talk Hotwire Turbo!
• 7:47 Progressive enhancement with Turbo
• 12:45 JavaScript is only temporarily enabled…
• 14:28 Meeting goals for the project
• 16:26 Handcrafting <script>s, retro style!
• 20:13 98% of the site works without JavaScript
• 22:23 Even the modal uses progressive enhancement
• 23:40 Vanilla CSS (with Sass for nesting)
• 24:36 Vanilla HTML with nary a <div> in sight
• 27:38 There's DX, and there's DX
• 30:55 Turbolinks' Revenge
• 31:35 The ViewTransition API
• 33:14 Astro framework goes "Turbo"
• 34:07 PermaNENT, not permaMINT ;-P
• 35:49 Ryan Carniato streams for the JS crowd
• 38:02 Turbo is just an "architecture" now?
• 39:27 But like, even Turbolinks could do "permanent" years ago!
• 40:39 The industry's pendulum swing and "server components"
• 43:06 ViewComponent in Rails
• 44:43 Spicing up server-rendered markup
• 47:09 Redwood.js's "whoops, my bad!"
• 48:09 Outro