MaDrCloudDev / astroSharedState

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

Home Page:https://astrosharedstate.madr.io/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

astroSharedState

Simple React, SolidJS, Svelte, & Vue counter components with state & shared state in Astro 2.0.6. Styled with TailwindCSS. Added an AlpineJS counter for fun.

Usage(bun, npm, yarn, pnpm):

bun i
bun run dev
bun run build

Feel free to use this as a template if you'd like to weave together multiple frameworks, or if you're incrementally updating your site from one framework to another. For my purposes, it was intended to improve my understanding of state and to learn interoperability in Astro.

Check out the components @ https://github.com/MaDrCloudDev/astroSharedState/tree/master/src/components if you'd like to compare the relative size and ease of programming these simple counters in each framework. You'll see why Svelte is so popular.

About

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

https://astrosharedstate.madr.io/

License:MIT License


Languages

Language:Astro 37.7%Language:JavaScript 28.5%Language:Vue 13.0%Language:TypeScript 12.3%Language:Svelte 8.4%