Islands Architecture: A Recipe for Modern Web Performance Optimization

This repository contains resources (consumed as reference) in the talk on Island Architecture presented at TILConf 2024. The presentation discusses the challenges posed by JavaScript-heavy web applications and introduces Islands Architecture as a solution to these challenges. It explores the benefits of Islands, how they work, and compares them to Single Page Applications (SPA).

Talk/Presentation Recording

• YouTube Live Replay - Live session recording of the talk/presentation.

Presentation Slides

• Speaker Deck - Slides used in the presentation.

Demo Websites

• Qubly (SPA) - Initial Implementation
• Qubly (SPA + SSR) - Implementation with Server-side Rendering
• Qubly (Island Architecture) - Implementation with Islands Architecture
• Qubly (Island Architecture) - No JS - Implementation deployment with interactivity removed from navbar and No JavaScript shipped

Related Articles and Resources

• Islands Architecture - JASON's First explanation of Islands Architecture
• Islands Architecture - Patterns.dev
• A Gentle Introduction to Islands - Deno Blog

Frameworks and Libraries

• Astro - Official website for the Astro framework.
• Fresh - Official website for the Fresh framework.
• Marko - Official website for the Marko framework.

Other Resources

• Island Architecture with Astro - International JavaScript Conference Blog on Astro
• Fresh: a new full stack web framework for Deno - A Talk that introduces Fresh, a full-stack web framework for Deno, and covers its features.
• A First Look at MarkoJS - A Quick dive into building application using MarkoJS.
• Islands Architecture - Islands Architecture, why they exist, and the frameworks currently applying them.

Feedback and Contributions

If you have feedback or would like to contribute to this repository, please open an issue or submit a pull request. Your contributions are welcome!

Support

Do leave this repo a star ⭐️