前端框架技术选型讨论

[variousdidt]

vue 对比 react：

对比 vue2 和 vue3 ，vue3 的组合式 API 无疑是更好的选择，以下优势针对于 vue3 版本而言； react 也仅指使用 create react app 方式构建的项目

• 优势

1. 使用 vite 搭建 vue3 项目框架，自带路由管理，sass ，less 支持的很好，yarn 装一下包即可使用，无需多余配置； react 需要手动配置各种 loader
2. 组合式 API ，逻辑抽离方便，不再受限于生命周期函数； react 也可以做到
3. vite 使用Rollup打包，速度大幅优于 webpack ，开发体验更好； react 大多使用 webpack ，打包速度一般

• 劣势

1. vue 不支持 IE11(reactive 使用的是 Proxy ，IE 全系不支持)，react 进行相关配置后支持 IE9-IE11
2. vue TS 支持不够好； react 天生支持
3. vue2 升级 vue3 有代价，社区相关轮子未必及时适配； react 社区活跃度高，大版本升级更早，适配大概更全

总的来说，react 就是 f(state) = UI ，仅仅是一个 UI 框架，其他的交给开发者自己配置；而 vite 生成的 vue 项目是一个功能更全的脚手架，帮开发者做了很多其他事（比如路由）。

[FreshOldMan]

vite + react + ts

[variousdidt]

@leeum umi 太重了，首屏加载时间要优化优化

[likunyan]

react 需要手动配置各种 loader?

CRA 就行啊

[likunyan]

我现在是 Vite + React + Recoil + TS

[likunyan]

还有 Next

[anonymous2351d00]

angular + ng-zorro
angular + ng-zorro-mobile
angular + ng-alain

[hez2010]

推荐 solidjs ，类似 react ，但比 react 快，还比 react 小。

[iamv2er]

几年前就看到类似的帖子了

[jamosLi]

一个 cra 我还要查一下是不是啥新技术。
你要是公司用，稳定，安全，可维护是第一要素，是字面上的三要素，不要说我也可以，然后通过一堆骚断腰的操作达到相应目的。其次就是一个稳定，易用，长期维护的 UI 库。更重要的一点是市场上拥有足够多的相关技术人才。

所以这一堆里 angular 第一个被干掉，没那多人会，工作不是炫技。
UI 库到目前来说就两个 antd 和 vant 。

所以很好选 pc react ，移动端 vue ，不出彩，但是不会错。

[Mirachael]

@jamosLi Angular 没什么花里胡哨的东西吧

[luvxy]

一位普通公司的前端组长给个建议吧,看你项目是啥,看你团队怎么样?

普通的后台管理系统, 你们也是一家很普通的公司,都是写业务代码的情况, 那就 vue 上手都容易,做的也快. 模版语法+option api,写法基本固定了一个下限了(vue 官网说了 Composition 解决了啥问题,并不是一定非要用这玩意的,先进的不一定是最合适的),简单易读,接手别人代码速度更快,招人也很好招 薪资也不会那么高,甚至要求不高直接去培训班进货就能干出来项目 ,相关库基本都是官方那套稳定且文档多. 这个选择就是不加班.

react 对人员要求较高,你想要项目稳定易维护,需要研究各种项目规范(我见过的烂代码太多了, 包括大厂员工) ,jsx 灵活自己造轮子很爽,周边很多想咋搭配怎么搭配, 各种玩新玩具,非常容易出现不同人用不同的库,一个项目里面各种各样的写法,加班写坑填坑非常适用, 适合想要跳槽想再项目里面炫技,给简历加亮点的情况. 而且你造出啥轮子,封装复杂功能的话, 让你在公司变得不可替代,啥人接手都会觉得难受

react 和 vue 脚手架根本不需要纠结,越简洁的越好, 项目大了肯定得自己修改,配置甚至自己写 plugin 的

[web1996]

@940701122 使用 swr 缓存请求，使用 store 管理状态，也能实现 vue 的缓存功能，体验还更好。