Description

Simple React, SolidJS, Svelte, & Vue counter components with state & shared state in Astro

Overview

Coming from a content-website background, Astro is my preferred framework for creating content sites. I developed this project to boost my understanding of state and framework interoperability within Astro. The React, SolidJS, Svelte, and Vue components have their own independent state, as well as a shared state between the different frameworks/components. I added an AlpineJS counter for fun.

This can be used a template for anyone curious how to share state between frameworks in Astro, or anyone incrementally updating their Astro site from one framework to another.