后端想整点前端项目，学 vue 还是 react

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 620 天前的主题，其中的信息可能已经有所发展或是发生改变。

就为了自己做项目，不为找工作，看 github 流行好像是 react 比较好，对应的 UI 库之类的也比较全面。但是国内都是 vue 流行。elementplus 好像还有点那啥所以佬们怎么说。大家都用什么自己整项目的。

第 1 条附言 · 2023-03-22 14:28:19 +08:00

整理了一下

react : Tailwind CSS 、Material UI 、Mantine 、Chakra UI 、Eleventy 、Astro 、next.js
angular：
vue js：Tailwind CSS 、Chakra UI 、Vuetify 、
svelte
solid js

css 框架：Mantine 、Tailwind CSS 、Chakra UI 、Material UI 、Daisy UI 、Radix UI

感觉一些好用的框架都是 react 的

第 2 条附言 · 2023-03-22 23:30:01 +08:00

感谢各位老哥的解答，
初略统计了一下大家都推荐的是 angular 、react 、vue 、svelte 、solidjs
到 102 楼
angular 7 票
react 29 票
vue 31 票
svelte 3 票
solidjs 4 票

之前也写过 uniapp 所以打算先整个简单的 vue3 开始。然后再看看 react 和 angular 。

附上学习路线图。
后端 https://roadmap.sh/frontend
vue https://roadmap.sh/vue
react https://roadmap.sh/react
angular https://roadmap.sh/angular

123 条回复 • 2023-09-26 16:12:57 +08:00

1 2

❮

❯

guxingke

2023-03-22 11:58:07 +08:00

vanilla-js

MAGA2022

2023-03-22 11:58:08 +08:00

vue 3 真的爽

aw2350

2023-03-22 11:58:10 +08:00

React

5200

2023-03-22 12:00:44 +08:00

@MAGA2022 #2 听说他的 ts 支持不好

sky857412

2023-03-22 12:00:45 +08:00

react ，符合后端思维，一切都是可以是变量

Bazingal

2023-03-22 12:03:00 +08:00

angular>react>vue

YIsion

2023-03-22 12:06:19 +08:00 via iPhone

Vue ，react 学习成本高，顺便也没感觉符合后端思想

echoless

2023-03-22 12:07:03 +08:00

最近看 vue, 各种捷径, 看文档看起来用法很爽, 自己写起来....

我用 chatgpt 很难输出格式统一, 能跑的 vue 3 code 来.

bootvue

2023-03-22 12:07:09 +08:00

enchilada2020

2023-03-22 12:08:12 +08:00 via Android

核心就那点玩意想学啥学啥

beginor

2023-03-22 12:08:48 +08:00 via Android

angular 最符合后端思想的框架，而 react 是最符合 js 思想的类库

tramm

2023-03-22 12:12:41 +08:00

Angular > Vue > React

vsitebon

2023-03-22 12:23:04 +08:00

一通百通

gogogo1203

2023-03-22 12:24:22 +08:00

我开始学得 go, 然后 react. 我自己的经验是：还是要看你想做什么。现在有了 copilot 和 chatgpt4, 两端之间的鸿沟很小很小。前端现在有很多比 React 更轻更方便的框架, sveltekit solidjs. 你自己搜一下你想达到的目的和选择的框架里的生态库是否齐全. 一句话给你概括的全部的那些建议是没有意义的.

xiaoxiaoming01

2023-03-22 12:24:39 +08:00

对于半吊子一律推荐去卷 Vue 😑

luvsic

2023-03-22 12:27:36 +08:00

都行，一通百通

masterclock

2023-03-22 12:27:57 +08:00

一般后端会比较喜欢 react, 大概

maigebaoer

2023-03-22 12:30:40 +08:00 via Android

两个文档都看下呗，哪个舒服学哪个，关键还是自己看着爽就行

yaott2020

2023-03-22 12:33:21 +08:00 via Android

后端用 go ，发现 vue 其实不错，但是入门高了点

maigebaoer

2023-03-22 12:40:23 +08:00 via Android

@masterclock phper 觉得你说的对😂

zxCoder

2023-03-22 12:46:38 +08:00

vue 适合后端
react 适合前端

AyaseEri

2023-03-22 12:52:59 +08:00

jsp

DOLLOR

2023-03-22 12:53:50 +08:00 via Android

都学吧，感受两种不同的开发思想

arfaWong

2023-03-22 12:54:50 +08:00

react

DeWjjj

2023-03-22 13:01:04 +08:00

vue 和 svelte 吧，现在前端老 4 存留率开始变高了。
确实就是有一种古朴美学。

lovedebug

2023-03-22 13:03:59 +08:00

推荐 React ，碰到问题谷歌一下，vue 相关资料就少很多，React 相关的问题和文章资料比 vue 多太太多了。
如果只用百度，上面但我没说。。。

deali

2023-03-22 13:07:10 +08:00 via Android

react ，function 组件非常舒服

chaleaochexist

2023-03-22 13:08:18 +08:00

咱俩差不多 react 学完了, 感觉他俩差不多我的建议是都学.
如果你对 webpack ES6/promise/async 这些都熟悉的话

react 和 vue 这俩加一起 40 个小时差不多就能入门了.

wqzjk393

2023-03-22 13:13:21 +08:00 via iPhone

现在 vue3 用起来感觉很舒服

zed1018

2023-03-22 13:14:49 +08:00

jquery(

horizon

2023-03-22 13:15:45 +08:00

react

molvqingtai

2023-03-22 13:19:30 +08:00 via Android

前端的开发思想有很大不同，比如后端学习 springboot 基本上都是全家桶最佳实践

前端则不一样了特别是 react 社区，假如你是新手发帖求助：

我用什么状态管理库？不好意思最佳实践有 10 个

我用什么语法写 CSS?，奉上 N 种写 CSS 的姿势，运行时非运行时任你挑

我用什么打包项目？推荐 N 种 pack...

综上所述，不想折腾建议先学习 vue ，至少官方有推荐一套合理的实践，了解完前端生态再学其他的，让你不会迷失在各种库各种框架海洋中...

jones2000

2023-03-22 13:21:28 +08:00

jquery +1

jones2000

2023-03-22 13:25:01 +08:00

@molvqingtai 前端最后还不是 js ，什么框架不框架的，不行就直接操作 DOM 改不就行了。一个大活人还能被框架给限制住了。

miv

2023-03-22 13:26:51 +08:00

vue 一把梭

knightdf

2023-03-22 13:27:15 +08:00

同后端，angular, react, vue 我都看过一遍文档，最后选择了 react

WenSun

2023-03-22 13:28:18 +08:00

如果一点前端都没接触过的话其实 angular 还行的，比较符合 Java 出身的人的思维。
自己折腾我更倾向 React ，生态广泛，遇到问题容易解。
至于说生态复杂这个事，如果不想纠结 best practice 直接用 next 就好了……

5200

2023-03-22 13:29:15 +08:00

@lovedebug #26 都能上这里，怎么可能用百度，哈哈

37Y37

2023-03-22 13:31:44 +08:00

jQuery + 1

wxw752

2023-03-22 13:33:13 +08:00

realJamespond

2023-03-22 13:35:22 +08:00

看用啥 ui 吧，饿了没就 vue ，antd ，material 就用 react

lovedebug

2023-03-22 13:35:50 +08:00

@5200 哈哈。vue 中文资料比较多，但是好的不多，英文资料相对 react 少不少，这会导致查问题时不方便。😂

miv

2023-03-22 13:38:06 +08:00

想折腾的就学 react ，不想折腾的就学 vue 。这两种都可以满足你百分之 99 的需求了，所以不必纠结。看你有没有想折腾的心态和时间

LeegoYih

2023-03-22 13:39:39 +08:00

都学呗，写个普通的页面都不难

yaphets666

2023-03-22 13:41:55 +08:00

你会 js 吗？会 js 学 vue 也就一个星期。肯用功的话甚至 2 天

dddd1919

2023-03-22 13:42:12 +08:00

我选 vue ，好处就是上手可以像用 jQuery 一样只引用 vue.js 就能写起来了，不必须引入前端 webpack ，nodejs 等套件
再引入一些 elementui 这样的组件也可以直接在项目里把 js css 等拷进来就可以用，后端友好

wateryessence

2023-03-22 13:44:43 +08:00 via iPhone

英文好 react ，反之 vue

sjhhjx0122

2023-03-22 13:53:26 +08:00

solidjs 写代码何苦为难自己，加强版 react 用过的都说好

ChangQin

2023-03-22 13:54:22 +08:00

可以试试 svelte

k9982874

2023-03-22 14:07:21 +08:00 via Android

vue
https://imgur.com/a/BpMKkUY

react
https://imgur.com/a/RMdwiby

lilei2023

2023-03-22 14:11:36 +08:00

一起学习啊，我教你前端，你教我后端

feikeq

2023-03-22 14:15:16 +08:00

jQuery +1

zhwithsweet

2023-03-22 14:19:01 +08:00

没用，啥都别学，前端外包出去就行了；大把的失业人员

yuhuij

2023-03-22 14:19:49 +08:00

前端想整点后端学习，学什么兄弟们

5200

2023-03-22 14:36:18 +08:00

@yuhuij #54 想快速的话 php ，有点要求的话 go 不错。
@xiaoxiaoming01 #15 就是半吊子哈哈，
@masterclock #17 目前看起来不错，vue3 的配套框架有点少。
@yaott2020 #19 vue 相对 react 感觉门槛会低点
@wqzjk393 #29 vue3 的 element plus 好像也还行
@molvqingtai #32 从 vue 开始入门前端倒是不错的方案。
@jones2000 #34 就是想快速的出个前后端分离的项目。从 js 开始的话感觉会很费时间。js 倒是也懂
@knightdf #36 老哥后端用的什么
@WenSun #37 之前写过一点 uniapp ，vue 的
@miv #43 先入个门，然后再追求质量
@yaphets666 #45 之前写过 uniapp 会点，
@lilei2023 #51 感觉后端入门门槛很低的，自己折腾项目随便怎么搞都行。

1t1y1ILnW0x5nt47

2023-03-22 15:02:09 +08:00

jQuery yyds

dreamramon

2023-03-22 15:08:03 +08:00

react +1
将来做点私活 react native 直接出 app ，顺手的事情。

vlgs

2023-03-22 15:08:19 +08:00

哪个生态好学哪个。

ztxcccc

2023-03-22 15:09:07 +08:00

bootstrap+jQuery=win

rookielzy

2023-03-22 15:11:31 +08:00

t3 stack 走起

loveDiu4ever

2023-03-22 15:13:27 +08:00

给你的建议，后端学 react ，vue 花活太多你可能不好理解，
前端直接学 vue ，react 不好理解。

WindProtect

2023-03-22 15:21:16 +08:00

我看很多人说 react 符合后端思维，vue 符合前端思维。如果不是为了工作的话，那我学新语言和新框架不就为了新的思维么？所以我投 vue 一票。

lolizeppelin

2023-03-22 15:36:31 +08:00

别搞 react/vue,水平不够把握不住, 老老实实 angular

不要看 angular 最难上手,这玩意最像后端

水平不够,前端也不是长期写,代码稍微写复杂一点你就会发现完全把握不住了,整个结构就乱七八糟了
angular 框架对水平不够的人的限制反而是最大的优势，而且正好可以让熟悉 rx

不过无论你用什么写前端,react 都建议花时间去试试熟悉,因为现在所有 ui 界面都受到 react 的影响,比如说你会 react 、flutter 很容易就能上手

zhuweiyou

2023-03-22 15:41:41 +08:00

不为工作,直接 chatgpt 生成页面

privater

2023-03-22 15:46:23 +08:00

其实刚刚发布的新的 React 官网（ react.dev ）挺适合新手入门的，这次终于把很多游离的最佳实践和 pattern 写入文档了，例如彻底的践行 pure function ，immutable state 。按照新手教程一路走下去，加上每章后面的作业，基本没坑了。

hgc81538

2023-03-22 15:50:51 +08:00 via iPhone

Solidjs, 官網主頁兩條影片必須看，看完你會愛上

Track3

2023-03-22 15:58:10 +08:00 via Android

自己做项目可以试一下 Svelte ，写起来太舒服了，用过了就会爱上

Goat121

2023-03-22 15:58:59 +08:00

看过很多人说 react 符合后端思维，反正我是没看出来哪符合，
始终是画页面的，和后端有本质不同，总不能因为搞了 OOP 就符合后端了吧
我个人两个都看过最后学 VUE 了，我就有时候写几个小页面，不想那么复杂，最短时间一把梭出来就完事了

ciki

2023-03-22 16:02:10 +08:00

vue ，简单就完事了

xujiahui

2023-03-22 16:05:13 +08:00

vue3 推荐 naiveui 组件库

liberty1900

2023-03-22 16:11:06 +08:00

记忆力好选 Vue ，理解力好选 React

DongDongProMax

2023-03-22 16:13:04 +08:00

JQuery 比较简单吧

bojackhorseman

2023-03-22 16:14:04 +08:00

建议 vue ，官方文档清晰明了还有中文版，很快就能上手，ref 一把梭。
React ，不小心就踩坑里了，光一个 useEffect 都能让你研究一阵子了😅

sky857412

2023-03-22 16:23:46 +08:00

react 符合后端学习，是因为 js 语法跟后端语法很像，而不是 vue 自己的定义的语法糖去写页面，双向绑定对于前端可能习惯了，但是后端没有这种思想。react 的 props, 可以方便的传递你想要的东西，不管是组件，还是对象，方法。而在 vue 中传递这些东西，不太好理解，特别是 slot ，这个东西贼好不用

HHAO2019

2023-03-22 16:31:28 +08:00

同后端，vue 感觉太多‘固定搭配’了，很多概念不好理解。

react 教程推荐这个： https://www.bilibili.com/video/BV1EP4y1r7Dw/

kiddyu

2023-03-22 16:35:19 +08:00

当然是 React ，这可是 js 版的 PHP

magicdawn

2023-03-22 16:49:26 +08:00

solidjs 生态差啊
你看 https://github.com/alist-org/alist-web, 咋还 submodule 了一个 solid router.

找个组件库, 太少了吧~
https://github.com/one-aalam/awesome-solid-js#frameworks--component-libraries

alist 用的 hope-ui/solid

-------------

选 react 生态就繁荣多了.