buildless-hot-reload-demo VS petite-vue

I explored using client-side service workers for build-less deployment workflows a while back, but the blocker was the initial visit when the service worker hasn't been installed yet. Ended up using es-module-shim's fetch hook (https://github.com/guybedford/es-module-shims#fetch-hook) instead, which worked quite well.

I kept the demo repo around here, in case it's helpful to anyone: https://github.com/lewisl9029/buildless-hot-reload-demo.

The repo itself is quite out of date at this point, but my current project, Reflame, is essentially the spiritual successor: https://reflame.app/

Reflame has the same ideals of achieving the developer experience I've always wanted for building client rendered React apps:

- instant production deployments (usually <200ms)

- instant preview environments that match production in pretty much every imaginable way (including the URL), that can also be flipped into development mode for fast-refresh (for the seamless feedback loop we're used to in local dev) and dev-mode dependencies (for better error messaging, etc)

- close-to-instant browser tests (1-3 seconds) that enable image snapshot comparisons that run with maximum parallelism and only rerun when their dependency graphs change

Something similar: https://github.com/vuejs/petite-vue (6kb subset of Vue) but the project seems abandoned.

I started with petite-vue because Vue seemed too large of a file size for my simple projects. Wanting to use Vue but after reading some of the comments, I might go with Svelte.

Like: petite-vue And/or a zero-dependency lightweight state management solution.

I recommend trying https://github.com/vuejs/petite-vue as a minimalist library for declarative reactive view/model data binding, it could at least halve the code used for generating view

Maybe I’ve spent 5 days on and off researching this. I was able to recreate it perfectly using petite-vue https://github.com/vuejs/petite-vue which is nice, but it does not have all the features I need in Vue3

“petite-vue is indeed intended to fill the gap for progressive enhancement cases where Vue 3 would be too heavy-handed.

It is not abandoned, but rather it is considered "done" because the scope is well defined. I don't think it needs more features (as that would defeat the purpose of being lean and minimal). If you find yourself needing more than what petite-vue provides, you can either go up to Vue proper, or try https://alpinejs.dev/.

That said, I should update the README to indicate this more clearly.”

Github discussion: https://github.com/vuejs/petite-vue/discussions/53

You might consider doing as much as possible in Razor pages and then use https://github.com/vuejs/petite-vue for any functionality you might (components/interactivity/etc.) need.

As another alternative, you could look at petite-vue if you just want to sprinkle from Vue-like components throughout your site... Doesn't have the full force of vue, but maybe it's enough.