2023 前端新项目选型

V2EX = way to explore

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

现在注册

已注册用户请登录

• 请不要在回答技术问题时复制粘贴 AI 生成的内容

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

两人团队，1 前+1 后兼职前，都有一些 vue3 经验，但是我们都不敢说自己比较强都挺菜的。感觉选型是大坑，具体业务相比之下倒是简单很多，求助万能的 v 友，v 友当中想必有很多高级前端工程师

需求：

项目需要长期维护
业务不复杂，但需要麻雀虽小五脏俱全的项目（状态管理、路由、多语言等）
未来有上小程序或 app 的需求
需要有设计比较好看的组件库

我们比较熟悉的 vue 来说，由于已经 2023 年了所以就暂不考虑 2 了，如果用 3 的话，刚才看首页帖子感觉直到今年这个项目的相关配套也不是很完善，各种配套设施我们使用过程中都遇到过一些坑，再加上比较喜欢的前端设计库 vuetify 拖了两年还在难产，感觉说不好下个月宣布太监了也完全不让人意外。但是如果要上 react 生态的话，似乎能完美解决需求，但是听说是一来前端组件库做设计的人少，没法白嫖。二来据说配套太多了，质量参差不齐，让人选择困难，所以一直在犹豫。。

第 1 条附言 · 2023-02-17 18:23:04 +08:00

感谢各位推荐，不过我们确实感觉 vue3 全家桶生态用着各种卡，看来是水平不够了。。还有就是上移动端的问题，这个我俩都没经验，vue3 的前端迁移到移动应该用什么方案啊，各种资料显示似乎和 react 差的有点远

组件库

选型

配套

前端

53 条回复 • 2023-02-20 14:42:30 +08:00

CHTuring

2023-02-17 16:30:17 +08:00

`两人团队，1 前+1 后兼职前，都有一些 vue3 经验，但是我们都不敢说自己比较强都挺菜的。`

那选 Vue3 全家桶就没错了，虽然 React 生态更好，但是我估计你选型、踩坑会很挫败。

CHTuring

2023-02-17 16:31:14 +08:00

P.S. 我可以提供前端付费技术支持

retrocode

2023-02-17 16:32:12 +08:00

vue3 全家桶吧, 两人团队如果不存在的人员变动的话好些事情是可以省略的, 困难基本就是前期环境搭建, 大不了后面不更新依赖嘛

jnwhq

2023-02-17 16:46:34 +08:00

vue3 全家桶开箱即用就完事了，如果开发经验不多的话，react hooks 一些额外的心智负担也挺烦人的

beisilu

2023-02-17 16:46:45 +08:00

flutter （小声

yolio2003

2023-02-17 16:53:17 +08:00

个人目前的建议是 nanostores + preact 其次是 zustand + react 最后 pinia + vue3

yolio2003

2023-02-17 16:53:44 +08:00

个人目前的建议是 nanostores + preact 其次是 pinia + vue3 最后 zustand + react
顺序调整了下。

kylebing

2023-02-17 16:53:51 +08:00

如果想要体验好，建议移动端和 PC 端分离。

sadfQED2

2023-02-17 16:54:43 +08:00 via Android

都有 vue 经验为啥不选 vue ，你选个 react 啥的，那不是大坑吗。这年头 vue 有啥不能干的，各方面生态都很丰富

CHTuring

2023-02-17 16:56:35 +08:00

@yolio2003 你这完全是对 2 个人的团队有误解，nanostores + preact 国内小众到不能再小众了，出问题都没人给你帮忙，全靠自己手动撸？

Orangeee

2023-02-17 16:58:07 +08:00

https://github.com/woshiqiang1/awesome-javascript-ui-kit-library
推荐下组件库汇总的一个 repo ，可以选选适合自己需求的组件库

kulove

2023-02-17 16:59:46 +08:00

react 、mui 、nextjs ，实在是用不习惯 vue 。

Orangeee

2023-02-17 17:01:09 +08:00

2 人团队建议使用生态好，易上手的方案，vue3 应该比 react 好上手，特别是后端写前端，加上都有 vue3 经验，答案似乎很明显 ———— Vite + Vue3 全家桶。

liangtao927190

2023-02-17 17:07:04 +08:00

楼主和我们很像，我是前端负责人，用的就是 vue3 ，3 比 2 写起来愉快多了。

总体就是 vue3 + vue-router + ant design vue 。

样式库我现在觉得 element-plus 比 ant 好，但其实大部分都是自己写的，所以无所谓，他们提供一个基础就好。

这里提供一个开源样式参考网站：uiverse.io ，属于炫酷了。

没有用 pinia ，因为基本上 useXXX 的思想和 pinia 差不多，暂时就没有上 pinia 。

小程序讲道理我建议 uniapp 试试，业务简单的情况下，绝对还是可用的。
app 不敢乱推荐，只能建议做了 uniapp 小程序后，试试编译成 app 看看效果。

jasonjcwu

2023-02-17 17:07:27 +08:00

两人团队用 svelte 简单

weixind

2023-02-17 17:09:02 +08:00

适合团队的技术栈才是最好的。

loading

2023-02-17 17:14:14 +08:00 via Android

svelte +1

binaryify

2023-02-17 17:24:19 +08:00

vue3 + pinia + vueuse

TuringGunner

2023-02-17 17:32:39 +08:00

选型哪那么复杂哦，会啥用啥啊

你这显然用 vue3

lopda

2023-02-17 17:56:23 +08:00

vite + vue3 + typescript + pinia + vue 生态全家桶😂

Zzzz77

2023-02-17 18:04:14 +08:00

这没啥好纠结的吧，
项目是写来学习的：你想学啥用啥。
项目是要上生产的：你最擅长啥用啥。

不必过多在意网上各种框架之间的对比，绝大多数情况下各流行框架之间相比不会有什么明显的短板，A 能干的 B 也都能干，何况你说你的业务还不难。

rabbbit

2023-02-17 18:33:04 +08:00

移动端 ionic

rabbbit

2023-02-17 18:35:07 +08:00

vue3 用着难受的话，react 会更难受。
举个例子，react hook 不能用 if for 。

iOCZ

2023-02-17 18:36:42 +08:00

vue 怎么会卡呢？据说性能比 react 还好一些呢

YadongZhang

2023-02-17 19:02:02 +08:00

ionic 可以看一下这个项目：

https://github.com/jhipster/generator-jhipster-ionic

makelove

2023-02-17 19:06:18 +08:00

react 用起来的体验真的难受，我现在在用 solidjs ，和 vue3 类似但没有模板之类我不喜欢的东西

LykorisR

2023-02-17 19:14:45 +08:00

现在在做的学校项目跟你说的几乎一样，一前一后端，选的是 Vue3 Typescript+pinia+Naive UI ，目前看来尚可

Keanuo

2023-02-17 19:18:27 +08:00

去菜市场买只活🐓再买袋米就行

KristenGe

2023-02-17 19:22:28 +08:00

哪个兄弟能帮我发个东西？我账号刚注册，提示要 14 天后才能发。有个关于 IM 开发的问题，想请教一下

liberty1900

2023-02-17 19:58:56 +08:00

最近喜欢的 React UI 库是 Chakra UI 和 Mantine

Finnn

2023-02-17 23:02:02 +08:00

我们之前做过一个项目包含 PC + 移动端 UI ，当时是 PC 端 element ，移动端 vant ，根据不同的场景使用不同的 UI 和逻辑，当然大部分的逻辑是一样的。
所谓的一套 UI 和逻辑代码的直接响应式并不适合带日常功能逻辑的正经网站，硬分成两个项目也是不合适的，毕竟大部分功能逻辑没必要分两份维护

webcape233

2023-02-17 23:10:19 +08:00 via iPhone

sveltekit

vivipure

2023-02-17 23:56:05 +08:00

Vue 2.7 + TS + Pinia, 2.7 支持 Composition Api ，而且可以复用 vue 2 的生态。开发体验十分的 ok

tonytonychopper

2023-02-18 00:00:59 +08:00

会啥选啥，不过我想说 react 生态要好得多。

gogogo1203

2023-02-18 00:03:21 +08:00

你买个 copilot, 用 react 有什么难的？ app.zensive.com 这个是我刚上线的 react + zustand + tailwind css + framer motion + react query + i18next 多语言. hooks 什么的直接用找现有的就行了

gogogo1203

2023-02-18 00:05:48 +08:00

2023 年了，vue 和 react 的生态都应该十分健全了。来个 copilot, 没有什么坑不吭的

gogogo1203

2023-02-18 00:07:00 +08:00

组件库更是大把，有付费的、免费的。你能想到的都有，只要你会翻谷歌。

rocmax

2023-02-18 00:09:08 +08:00 via Android

我之前一直开发 react ，nextjs 。最近被拉去个 nuxt2.x 的项目救急，我的感觉是项目负责人一定是工作不饱满闲的蛋疼所以选择用 ts 。

rocmax

2023-02-18 00:17:28 +08:00 via Android

虽然我也觉得应该无脑 vue 。
但是欢迎尝试 nextjs ，然后强烈推荐 trpc 。trpc+nextjs
真的是完全体，类型检查贯穿前后端。解决了 restful 的最大问题。
graphql 的话优点是有，但是整体上设计个好的 api 很难，而且接口定义代码多且冗余。trpc 这方面更好一点。