javascript frameworks and must have packages

For AI purposes it is probably better to just choose react and Next.

frameworks

react learning react
preact
vue
svelte
solid
- jsx, fine grained reactivity instead of virtual dom
- similar react-named APIs (same hooks for ex)
quik
- ships no js, it is all seriealized in SSRed html

the main problems these meta frameworks solve is routing and server side rendering.

Next learning next js
remix v2 (next alternative) (now named react-router 7)
tanstack (react-query is the critical module here) (ppl don't seem to recommend the entire stack for prod)
astro
- server side, minimal JS shipped, performance
- amazing for content heavy/driven sites (blogs, documentation, marketing landing page, primarily static ecom)
- framework agnostic (can use react, svelte, solid..)
sveltekit learning sveltekit
solidstart
nuxt (Vue's Next)

some sort of Forms in JS hook with schema validation
better more concise Error Handling in TS-JS: Effect "The missing standard TS lib"
ORMs:
web authentication: NextAuth(roll your own) or Clerk (service)