For a fast build experience, consider esbuild + nodemon. I haven't played with vite specifically, but have with Rollup, and still quite a bit slower than esbuild, if I'm looking for something beyond webpack/rollup or parcel as a wrapper.
The only other complaint(s) I have about this are the typical organized by type, not need/feature/problem and no testing pattern/framework in place.
Looks cool... At this point, would probably be more interested in something similar written against Deno, considering the in the box tooling around TypeScript which includes JSX transforms and a potentially smaller developer footprint.
I feel like Java is a step backwards in a lot of ways on this.
Thinking of playing with web-view[1] and Deno to see if I can get them co-mingled somehow... Then creating some sort of transparent host/communication layer between UI and backend. Then get something that can be compiled to a single platform executable... Linux deps get interesting, so a good story for flatpack/flathub, appimage and snap would be a followup. No ideas yet on iOS or Android.
1. https://github.com/Boscop/web-view
Do *NOT* use a css file for this... use makeStyles and put it in/with your component. const useStyles = makeStyles((theme) => ({ moreLinks: { width: '100%', borderRadius: 30, fontWeight: '700', justifyContent: 'unset', fontSize: 20, marginRight: 20, textTransform: 'inherit', color: 'black', height: 60, paddingLeft: 10, paddingRight: 30, marginBottom: 5, '& .MuiSvgIcon-root': { marginRight: 10, }, '&:hover': { // ... } // ... } })); // inside component const classes = useStyles // ... passdown className to child render <SidebarLink className={classes.moreLinks} text="More" Icon={MoreHorizIcon} />