The Angular Plus Show S5 E12 | Building Islands with Astro with Ben Holmes
May 17, 2023
45:57
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/
Follow us on X: The Angular Plus Show
Bluesky: @theangularplusshow.bsky.social
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. Developers from across the globe converge every year to attend talks and workshops by the Angular team and community experts.
Join
Attend
X
Bluesky
Read
Watch
Edited by Patrick Hayes
Stock media provided by JUQBOXMUSIC/ Pond5
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/
Follow us on X: The Angular Plus Show
Bluesky: @theangularplusshow.bsky.social
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. Developers from across the globe converge every year to attend talks and workshops by the Angular team and community experts.
Join
Attend
X
Bluesky
Read
Watch
Edited by Patrick Hayes
Stock media provided by JUQBOXMUSIC/ Pond5