前端众多技术栈中，当今主流的技术框架究竟该怎么选？

[lalalaXxx]

前言

我是一名特别热爱前端的后端仔，自己平时就是学习前端技术，目前可以写 vue,ts,js ，wx,最近在学 react ，学习 react 的时候，发现很多好用的框架， 如 nextui, next.js ，Framer Motion 等....  感觉 react 跟 vue 差别还是挺大的；

需求

在自己学习前端的时候 感觉自己还是比较喜欢 css ，可以按照自己的想法来实现一些样式及效果，我发现自己很热爱，工作之余我都会写一些稀奇古怪的页面，就是心里面有自己的设计方案，然后用 css/ html 或者 ts js 来构建出来，但是学习的东西越多，感觉前端东西真的好杂， 就不像后端，java 一个 jdk 一个 spring 统治了..

像我目前所了解的前端的技术栈中 如 
node.js
next.js
nuxt.js
nest.js
vite
webpack
npm
pnpm
yarm
vue
react
ts
js
css
sass

哇 我写到这里我已经头都大了，而且前端的技术栈更新太快了，v1 和 v2 版本完全不兼容，甚至语法糖都变了。

最后

因为我喜欢写稀奇古怪的页面，最近我都会用 next.js 去写，他的路由模式 包括页面写法，都挺适合我的，但是我觉得他还是比 vue 要难理解的多，所以到现在我写代码还需要去看着官方文档去研究... 所以我发现一个问题， 以 Next.js 和 java 对比的话 是否可以理解为以下的关系？

node.js = jdk
react = java
next.js = spring
是这个逻辑吗，还有一种情况，我想写一个 react 项目，我使用 next.js 去编写，当然我又希望他效率能高一些，我又会选择 vite ，因为网络 我有会使用 pnpm 来装依赖， 就会产生各种而样的问题，我真的很头大，所以我想问问，针对我这种，就是纯对前端的热爱，喜欢最新的技术，而且喜欢写一些设计感的页面，大家推荐我学的主方向是什么？

[chuck1in]

@rabbbit 明白了。我就是想问这个问题，也就是说如果这种传统行业如果有 3d 可视化的需求的话，只需要直接上手学 three.js 就可以了，不用再去 webgGL 了吧（如果自身没有深入需求，只需要完成业务功能）

[chuck1in]

@rabbbit 另外请教一下两位大佬现在 2D 动画还有必要学吗。不是 css 动画，是指 js 动画，canvas 那一套。单纯只讨论哪种国内的普通的公司，对这个是否还有需求，仅仅完成业务需求。不谈深入和精通。

[rabbbit]

@chuck1in
我不是大佬
初级前端 WebgGL 没必要去学，这个涉及的知识内容其实都不能算前端了。
Three.js 需不需要学也不好说，个人感觉这玩意跟一般的前端库没啥区别，有业务需求翻翻文档、谷歌啥的参考别人写的基本都能实现，可能就是 Shader 麻烦点，这玩意语法类似 C 不好调试，写起来像在做数学题。
普通的 UI 动效没啥难度，找个 js 动效库例如 GSAP 看文档都能写。
至于高级点的涉及 shader 的动效、canvas 啥的，这种要求会的公司也少。
感觉初级的时候还是应该打好基础，HTML CSS JavaScript Vue 和 React 选一个学习。

[courtier]

我感觉只要不是打算拿去面试，只是单纯的自己研究自己玩，随便选一个技术栈学下去都能用上好几年吧，没必要强求追新，面试除外...可能会问各种东西的原理源码之类

[wpzz]

专注后端吧，职业厚度比前端好

[cdlnls]

我觉得可以看看 Flutter ，兼容所有前端，ios android windows macos web 一步到位。
正好你也是后端，再写写接口，嘿嘿

[jin5354]

@chuck1in 2D 动画业务上现在用 lottie 的很多，不咋需要自己写。lottie 是设计师的工具直接导出来的，你直接调用就行，没难度（只要公司还有正经设计师，不是啥都让前端自己想着做）。3D 中小厂有需求，大厂需求比较少。

[Immortal]

自己项目我都是 sveltekit 写得爽
公司的一般都是 React/NextJS 和 Vue/NuxtJS 多,毕竟生态好

[wm5d8b]

如果只是热爱前端，不想拿起饭碗的话，我觉得还是学学前端框架的设计思想吧，对后端的借鉴意义蛮大的
node.js = jre
html 、js 、css = java
react 、vue = 语法糖

[cocong]

不要期待一次选对，选错就重来，问题不大，没什么好纠结。

[theprimone]

@huijiewei #11 SSR 呢？

[zhhbstudio]

喜欢 vue 想用 nextjs => nuxtjs

[hesetiema]

3D 动画业务上现在也有用 spline 的，不过它刚出来那时候性能不怎么样，不知道现在优化得怎么样。

[chuck1in]

@Immortal 用过 sveltekit ，别的没用过。不过想问下这个和 NuxtJS 相比哪个便利性更强呢？目前一直用的 svelte ，国内似乎用这个的很少。

[Immortal]

@chuck1in #34
理论数据上是 Svelte,体感上差异不大.具体数据来自: https://krausest.github.io/js-framework-benchmark/
国内用 Vue 多我的理解是一些原因:
1. 简单好上手,所以很多培训机构主推.
2. 国人开发,对中文文档的支持较好,不像 React 那些虽然有中文站,但是有时候会落后一些版本
3. 生态丰富,和 React 可以有一拼

[chuck1in]

@Immortal 感谢。不过 svelte 我理解应该也很好简单上手，估计国内用 vue 多就是因为中文文档支持的很好。
不知道现在前端今后发展的趋势是什么？ react 真的有点不想学了，同样只是为了把页面做出来，同样也能实现工程化，react 那么重的思维负担是不是有点本末倒置了。

[Immortal]

@chuck1in #36
Svelte 和 Vue 有点像,都挺好上手的,但是单文件组件不如 React 那样灵活,我还在观察 SolidJs.
前端趋势还是和之前 1-2 年差不多,并没有像前几年那么一天一个样了.主流还是 Vue 和 React.如果你是做前端的,React 是避不开的,也没必要太抵触.
而且我的理解上 React 更好做工程化一些.虽然现在 NextJS 到处被吐槽,但也出了个 Astro+React/Svelte 的组合以及 Remix 来替代.
React 在国外的前端圈子我感觉比重还是很大的,油管上能找到很多 React 模仿项目的视频,Vue 相对少一些.

[Immortal]

@Immortal #37
补充说明下,推特上很多国内的开发者都是做前端的,看看他们交流基本就能对前端环境感觉个 7788.

[chuck1in]

@Immortal 感谢，非常详细的回复。