Episode 11 - Ship Less JavaScript with Astro | Fred K. Schott

Astro is a hot new tool for building incredibly lean static websites with your favorite framework, including React, Svelte, and Vue with less JS.

Astro is a hot new tool for building incredibly lean static websites with your favorite framework, including React, Svelte, and Vue. By default, Astro ships 0 JavaScript to the browser, only loading fully interactive components as needed. Co-creator Fred K. Schott joins us to share how Astro got started, where it's heading, and gives a demo of the tool itself.

Key moments:
1:15 - Schott's background
3:57 - What is Astro
7:14 - Lazy hydration
10:12 - Astro's origin story
12:26 - How modern tech separates Astro from 11ty
17:00 - Astro demo    
   ‣ 17:05 - Getting started
   ‣ 21:58 - Starter template    
   ‣ 22:20 - Source directory, where the magic happens!  
   ‣ 23:12 - Scope styling  
   ‣ 27:48 - Components    
   ‣ 34:55 - Passing down props
38:47 - Who should use Astro
41:10 - 1.0 Launch
41:29 - Who's currently using Astro
43:30 - Layer0's docs for Astro
44:52 - Astro's funding and monetization

Up next

Episode 9 - RedwoodJS Demo | Anthony Campolo, Developer Advocate, RedwoodJS Core team

Anthony Campolo, a Developer Advocate at StepZen and Lead Developer Advocate on the RedwoodJS Core team, offers unique insight for young developers.

Series episodes

Episode 1 - The Future of Nuxt.js | Sébastien Chopin
Episode 1 - The Future of Nuxt.js | Sébastien Chopin
Episode 2 - How Airbrake Brings Developers Advantageous Visibility | Eric Anderson
Episode 2 - How Airbrake Brings Developers Advantageous Visibility | Eric Anderson
Episode 3 - Vue Storefront, Lightning Fast Frontend Platform | Filip Rakowski
Episode 3 - Vue Storefront, Lightning Fast Frontend Platform | Filip Rakowski
Episode 4 - A Vite Demo | Evan You
Episode 4 - A Vite Demo | Evan You
Episode 5 - Panel Debate: What is Jamstack?
Episode 5 - Panel Debate: What is Jamstack?
Episode 6 - Insights into Core Web Vitals | Google Chrome Team
Episode 6 - Insights into Core Web Vitals | Google Chrome Team
Episode 7 - Jamstack and The New Dynamic
Episode 7 - Jamstack and The New Dynamic
Episode 8 - Blitz.js: The Fullstack React Framework
Episode 8 - Blitz.js: The Fullstack React Framework
Episode 9 - RedwoodJS Demo | Anthony Campolo, Developer Advocate, RedwoodJS Core team
Episode 9 - RedwoodJS Demo | Anthony Campolo, Developer Advocate, RedwoodJS Core team
Episode 10 - Jamstack Conf 2021 Panel Recap
Episode 10 - Jamstack Conf 2021 Panel Recap
Episode 11 - Ship Less JavaScript with Astro | Fred K. Schott
Episode 11 - Ship Less JavaScript with Astro | Fred K. Schott
Episode 12 - Future of PWAs | Alex Russell & Frances Berriman
Episode 12 - Future of PWAs | Alex Russell & Frances Berriman
Episode 13 - Focus on the User Interface with Remix | Kent C. Dodds
Episode 13 - Focus on the User Interface with Remix | Kent C. Dodds