Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/lxsmnsyc/awesome-islands

All about Islands Architecture and Partial Hydration
https://github.com/lxsmnsyc/awesome-islands

List: awesome-islands

awesome islands partial-hydration server-side-rendering

Last synced: 3 months ago
JSON representation

All about Islands Architecture and Partial Hydration

Awesome Lists containing this project

README

        

# awesome-islands

> All about Islands Architecture and Partial Hydration

## Contents

- [Frameworks](#frameworks)
- [Articles](#articles)
- [Videos](#videos)

## Frameworks

### Standalone/Metaframework

- [Astro](https://astro.build/)
- [Iles](https://iles.pages.dev/)
- [Qwik](https://qwik.builder.io/)
- [Marko](https://markojs.com/)
- [Slinkity](https://slinkity.dev/)
- [Nano JSX](https://nanojsx.io/)
- [11ty `is-land`](https://github.com/11ty/is-land)
- [Capri](https://capri.build/)

### Preact

- [Fresh](https://fresh.deno.dev/)
- [preact-habitat](https://github.com/zouhir/preact-habitat)
- [preact-island](https://github.com/mwood23/preact-island)
- [microsite](https://github.com/natemoo-re/microsite)

### SolidJS

- [Solid Start](https://github.com/solidjs/solid-start)
- [isolid](https://github.com/lxsmnsyc/isolid)

### Svelte

- [Elder.js](https://github.com/Elderjs/elderjs)

### React

- [Tropical.js](https://github.com/bensmithett/tropical)
- [next-super-performance](https://github.com/LukasBombach/next-super-performance)

### Vue

- [Nuxt Islands](https://github.com/nuxt/nuxt)

## Articles

- ["Islands Architecture" by pattern.dev](https://www.patterns.dev/posts/islands-architecture/)
- ["Islands Architecture" by Jason Miller](https://jasonformat.com/islands-architecture/)
- ["Is 0kb of JavaScript in your Future?" by Ryan Carniato](https://dev.to/this-is-learning/is-0kb-of-javascript-in-your-future-48og)
- ["what is partial hydration and why is everyone talking about it?" by ajcwebdev](https://ajcwebdev.com/what-is-partial-hydration-and-why-is-everyone-talking-about-it)
- ["Building Partially Hydrated, Progressively Enhanced Static Websites with Isomorphic Preact and Eleventy" by Markus Oberlehner](https://markus.oberlehner.net/blog/building-partially-hydrated-progressively-enhanced-static-websites-with-isomorphic-preact-and-eleventy)
- ["Partial Hydration Concepts: Lazy and Active" by Markus Oberlehner](https://markus.oberlehner.net/blog/partial-hydration-concepts-lazy-and-active/)
- ["The case of partial hydration (with Next and Preact)" by Lucas Bombach](https://medium.com/@luke_schmuke/how-we-achieved-the-best-web-performance-with-partial-hydration-20fab9c808d5)
- ["Why Efficient Hydration in JavaScript Frameworks is so Challenging" by Ryan Carniato](https://dev.to/this-is-learning/why-efficient-hydration-in-javascript-frameworks-is-so-challenging-1ca3)
- ["Partial hydration in Preact" by James Hill](https://www.jameshill.dev/articles/partial-hydration/)
- ["Maybe you don’t need that SPA" by Michael Rawlings](https://medium.com/@mlrawlings/maybe-you-dont-need-that-spa-f2c659bc7fec)
- ["Islands of Interactivity — What are They and Why is Fresh using them?" by Fernando Doglio](https://blog.bitsrc.io/islands-of-interactivity-what-are-they-and-why-is-fresh-using-them-1806fc67a07)
- ["React Islands on The Guardian" by the Guardian](https://www.theguardian.com/info/2022/mar/25/react-islands-on-theguardiancom)
- ["How Islands Architecture Can Help to Scale Design" by Rob Levin](https://developtodesign.com/how-islands-architecture-can-help-to-scale-design)
- ["Resumability, WTF?"](https://dev.to/this-is-learning/resumability-wtf-2gcm)
- ["Islands & Server Components & Resumability, Oh My!"](https://dev.to/this-is-learning/islands-server-components-resumability-oh-my-319d)

## Videos

- ["Islands, Partial Hydration, & JavaScript Frameworks" by Ryan Carniato](https://www.youtube.com/watch?v=Q0mXYbA86Qo)
- ["Partial Hydration and Islands Architecture—Eleventy 🎈 Weekly №12" by Eleventy](https://www.youtube.com/watch?v=YYJpFdEaAuc)
- ["a fresh new web framework is out" by Fireship](https://www.youtube.com/watch?v=4boXExbbGCk)
- ["Learn About Islands Architecture With Slinkity" by Learn with Jason](https://www.youtube.com/watch?v=bRTMrjJUr-I)

## License

MIT © [lxsmnsyc](https://github.com/lxsmnsyc)