https://github.com/madrclouddev/astrosharedstate

Simple React, SolidJS, Svelte, & Vue counter components with state & shared state in Astro.
https://github.com/madrclouddev/astrosharedstate

Last synced: 12 days ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/madrclouddev/astrosharedstate
• Owner: MaDrCloudDev
• License: mit
• Created: 2022-11-22T22:18:21.000Z (about 2 years ago)
• Default Branch: master
• Last Pushed: 2023-08-03T22:28:05.000Z (over 1 year ago)
• Last Synced: 2023-08-03T23:37:29.189Z (over 1 year ago)
• Language: Astro
• Homepage: https://astrosharedstate.madr.io/
• Size: 1.35 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
# [astroSharedState](https://astrosharedstate.madr.io/)

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

Usage(npm, pnpm, bun, yarn):

```

npm i

npm run dev

npm 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](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.