DEV Community

The Angular Show

S5 E12 | Building Islands with Astro with Ben Holmes

Hydration is the process of taking a pre-rendered static HTML file and turning it into a fully functional interactive SPA by attaching JavaScript event listeners and state management. This allows for faster initial page load times and improved search engine optimization (SEO) while still retaining the benefits of a SPA. Currently, Angular performs hydration by destroying and rebuilding the entire DOM. This works, but it's not ideal. In this episode we welcome Ben Holmes to the show to learn about Astro. Astro is a modern static site builder and development framework that enables developers to create high-performance websites and applications. Ben shows us how this includes features like automatic code splitting, server-side rendering, and preloading to improve website performance and user experience.
Websites
- Astro: https://astro.build
- Astro Angular integration: https://analogjs.org/docs/packages/astro-angular/overview
- Opt-in design talk: https://www.youtube.com/watch?v=DNbpaJfkGkY

- Ben's socials
- https://youtube.com/@bholmesdev
- https://twitch.tv/bholmesdev
- https://twitter.com/bholmesdev

Find us on twitter:
The Angular Plus Show (@AngularShow)
The Angular Plus Show is a part of ng-conf. ng-conf is a multi-day Angular conference focused on delivering the highest quality training in the Angular JavaScript framework. 1500+ developers from across the globe converge on Salt Lake City, UT every year to attend talks and workshops by the Angular team and community experts.
Follow us on twitter @ngconf
Official Website: https://www.ng-conf.org/

Episode source