Vite is a _fantastic_ piece of software that solves a huge part of front-end complexity. I've used it with both Vue and React and it worked perfectly for both.
I'm not a big fan of Vue because it feels like there's a lot of rough edges, although the experience is much better with Vue 3. React is much closer to vanilla JS/TS, and the tooling feels much more mature.
Vite is a lot of magic layered over rollup and esbuild. In a sane world, I could just use esbuild without any wrappers and it would be just as easy to use as vite. Instead of fixing esbuild, vite was born to glue rollup and esbuild together into a comprehensive solution.
My ideal stack that I can hopefully switch to in 2024 is esbuild (pending better tree shaking and worker support) and native node test (pending ts-node fixes or native TS in node)
I started with Vue then moved into React, and I do enjoy how much closer it feels to JS/TS. There's a few of areas where I think React is definitely simpler than it was with Vue 2.x and shudder at how I probably used to have to do things to truly do it "the Vue way" (and there are parts I miss like the built-in, easy slots).
However, I think Vue's dev tooling is way more developer friendly than React's. They probably end up mostly equivalent in how they let you find performance issues or debug states, but I've never been able to understand why React's devtooling just feels half-finished in comparison.
I guess Vue spoiled me a bunch in how approachable its UI was. It may be me misremembering, but I also remember it not hanging or erroring nearly as much as React's devtooling.
I'm not a big fan of Vue because it feels like there's a lot of rough edges, although the experience is much better with Vue 3. React is much closer to vanilla JS/TS, and the tooling feels much more mature.