Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/babblebey/tilconf-islands-architecture-talk

This repository contains resources (consumed as reference) in the talk on Island Architecture presented at TILConf 2024.
https://github.com/babblebey/tilconf-islands-architecture-talk

astrojs deno-fresh islands-architecture javascript markojs resources single-page-applications spa ssr talks-and-papers

Last synced: 10 days ago
JSON representation

This repository contains resources (consumed as reference) in the talk on Island Architecture presented at TILConf 2024.

Awesome Lists containing this project

README 

        
# Islands Architecture: A Recipe for Modern Web Performance Optimization



![Screenshot 2024-05-15 132121](https://github.com/babblebey/tilconf-islands-architecture-talk/assets/25631971/976036fb-80d4-492f-ab5a-4c14d87347c1)



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](https://dub.sh/tilconf-islands) - Live session recording of the talk/presentation.



## Presentation Slides



- [Speaker Deck](https://speakerdeck.com/babblebey/islands-architecture-a-recipe-for-modern-web-performance-optimization) - Slides used in the presentation.



## Demo Websites



- [Qubly (SPA)](https://github.com/babblebey/qubly) - Initial Implementation

- [Qubly (SPA + SSR)](https://github.com/babblebey/qubly-ssr) - Implementation with Server-side Rendering 

- [Qubly (Island Architecture)](https://github.com/babblebey/qubly-island) - Implementation with Islands Architecture

- [Qubly (Island Architecture) - No JS](https://qubly-island-nojs.netlify.app/) - Implementation deployment with interactivity removed from navbar and No JavaScript shipped



## Related Articles and Resources



- [Islands Architecture](https://jasonformat.com/islands-architecture/) - JASON's First explanation of Islands Architecture

- [Islands Architecture](https://www.patterns.dev/vanilla/islands-architecture/) - Patterns.dev

- [A Gentle Introduction to Islands](https://deno.com/blog/intro-to-islands) - Deno Blog



## Frameworks and Libraries



- [Astro](https://astro.build/) - Official website for the Astro framework.

- [Fresh](https://fresh.deno.dev/) - Official website for the Fresh framework.

- [Marko](https://markojs.com/) - Official website for the Marko framework.



## Other Resources



- [Island Architecture with Astro](https://javascript-conference.com/blog/island-architecture-with-astro/) - International JavaScript Conference Blog on Astro

- [Fresh: a new full stack web framework for Deno](https://portal.gitnation.org/contents/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](https://dev.to/ryansolid/a-first-look-at-markojs-3h78) - A Quick dive into building application using MarkoJS.

- [Islands Architecture](https://mainawycliffe.dev/blog/island-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](https://github.com/babblebey/tilconf-islands-architecture-talk/issues) or [submit a pull request](https://github.com/babblebey/tilconf-islands-architecture-talk/pulls). Your contributions are welcome!



## Support



Do leave this repo a star ⭐️