V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Richard14
V2EX  ›  程序员

2023 前端新项目选型

  •  
  •   Richard14 · 2023-02-17 16:27:07 +08:00 · 7763 次点击
    这是一个创建于 426 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

    需求:

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

    我们比较熟悉的 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
        1
    CHTuring  
       2023-02-17 16:30:17 +08:00
    `两人团队,1 前+1 后兼职前,都有一些 vue3 经验,但是我们都不敢说自己比较强都挺菜的。`

    那选 Vue3 全家桶就没错了,虽然 React 生态更好,但是我估计你选型、踩坑会很挫败。
    CHTuring
        2
    CHTuring  
       2023-02-17 16:31:14 +08:00
    P.S. 我可以提供前端付费技术支持
    retrocode
        3
    retrocode  
       2023-02-17 16:32:12 +08:00
    vue3 全家桶吧, 两人团队如果不存在的人员变动的话好些事情是可以省略的, 困难基本就是前期环境搭建, 大不了后面不更新依赖嘛
    jnwhq
        4
    jnwhq  
       2023-02-17 16:46:34 +08:00
    vue3 全家桶 开箱即用就完事了,如果开发经验不多的话,react hooks 一些额外的心智负担也挺烦人的
    beisilu
        5
    beisilu  
       2023-02-17 16:46:45 +08:00
    flutter (小声
    yolio2003
        6
    yolio2003  
       2023-02-17 16:53:17 +08:00
    个人目前的建议是 nanostores + preact 其次是 zustand + react 最后 pinia + vue3
    yolio2003
        7
    yolio2003  
       2023-02-17 16:53:44 +08:00
    个人目前的建议是 nanostores + preact 其次是 pinia + vue3 最后 zustand + react
    顺序调整了下。
    kylebing
        8
    kylebing  
       2023-02-17 16:53:51 +08:00
    如果想要体验好,建议 移动端 和 PC 端 分离。
    sadfQED2
        9
    sadfQED2  
       2023-02-17 16:54:43 +08:00 via Android
    都有 vue 经验为啥不选 vue ,你选个 react 啥的,那不是大坑吗。这年头 vue 有啥不能干的,各方面生态都很丰富
    CHTuring
        10
    CHTuring  
       2023-02-17 16:56:35 +08:00
    @yolio2003 你这完全是对 2 个人的团队有误解,nanostores + preact 国内小众到不能再小众了 ,出问题都没人给你帮忙,全靠自己手动撸?
    Orangeee
        11
    Orangeee  
       2023-02-17 16:58:07 +08:00
    https://github.com/woshiqiang1/awesome-javascript-ui-kit-library
    推荐下组件库汇总的一个 repo ,可以选选适合自己需求的组件库
    kulove
        12
    kulove  
       2023-02-17 16:59:46 +08:00
    react 、mui 、nextjs ,实在是用不习惯 vue 。
    Orangeee
        13
    Orangeee  
       2023-02-17 17:01:09 +08:00
    2 人团队建议使用生态好,易上手的方案,vue3 应该比 react 好上手,特别是后端写前端,加上都有 vue3 经验,答案似乎很明显 ———— Vite + Vue3 全家桶。
    liangtao927190
        14
    liangtao927190  
       2023-02-17 17:07:04 +08:00   ❤️ 1
    楼主和我们很像,我是前端负责人,用的就是 vue3 ,3 比 2 写起来愉快多了。

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

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

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

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

    小程序讲道理我建议 uniapp 试试,业务简单的情况下,绝对还是可用的。
    app 不敢乱推荐,只能建议做了 uniapp 小程序后,试试编译成 app 看看效果。
    jasonjcwu
        15
    jasonjcwu  
       2023-02-17 17:07:27 +08:00
    两人团队用 svelte 简单
    weixind
        16
    weixind  
       2023-02-17 17:09:02 +08:00
    适合团队的技术栈才是最好的。
    loading
        17
    loading  
       2023-02-17 17:14:14 +08:00 via Android
    svelte +1
    binaryify
        18
    binaryify  
       2023-02-17 17:24:19 +08:00
    vue3 + pinia + vueuse
    TuringGunner
        19
    TuringGunner  
       2023-02-17 17:32:39 +08:00
    选型哪那么复杂哦,会啥用啥啊

    你这显然用 vue3
    lopda
        20
    lopda  
       2023-02-17 17:56:23 +08:00
    vite + vue3 + typescript + pinia + vue 生态全家桶😂
    Zzzz77
        21
    Zzzz77  
       2023-02-17 18:04:14 +08:00   ❤️ 1
    这没啥好纠结的吧,
    项目是写来学习的:你想学啥用啥。
    项目是要上生产的:你最擅长啥用啥。

    不必过多在意网上各种框架之间的对比,绝大多数情况下各流行框架之间相比不会有什么明显的短板,A 能干的 B 也都能干,何况你说你的业务还不难。
    rabbbit
        22
    rabbbit  
       2023-02-17 18:33:04 +08:00   ❤️ 1
    移动端 ionic
    rabbbit
        23
    rabbbit  
       2023-02-17 18:35:07 +08:00
    vue3 用着难受的话,react 会更难受。
    举个例子,react hook 不能用 if for 。
    iOCZ
        24
    iOCZ  
       2023-02-17 18:36:42 +08:00
    vue 怎么会卡呢?据说性能比 react 还好一些呢
    YadongZhang
        25
    YadongZhang  
       2023-02-17 19:02:02 +08:00
    ionic 可以看一下这个项目:

    https://github.com/jhipster/generator-jhipster-ionic
    makelove
        26
    makelove  
       2023-02-17 19:06:18 +08:00
    react 用起来的体验真的难受,我现在在用 solidjs ,和 vue3 类似但没有模板之类我不喜欢的东西
    LykorisR
        27
    LykorisR  
       2023-02-17 19:14:45 +08:00
    现在在做的学校项目跟你说的几乎一样,一前一后端,选的是 Vue3 Typescript+pinia+Naive UI ,目前看来尚可
    Keanuo
        28
    Keanuo  
       2023-02-17 19:18:27 +08:00
    去菜市场买只活🐓再买袋米就行
    KristenGe
        29
    KristenGe  
       2023-02-17 19:22:28 +08:00
    哪个兄弟能帮我发个东西?我账号刚注册,提示要 14 天后才能发。有个关于 IM 开发的问题,想请教一下
    liberty1900
        30
    liberty1900  
       2023-02-17 19:58:56 +08:00
    最近喜欢的 React UI 库是 Chakra UI 和 Mantine
    Finnn
        31
    Finnn  
       2023-02-17 23:02:02 +08:00
    我们之前做过一个项目包含 PC + 移动端 UI ,当时是 PC 端 element ,移动端 vant ,根据不同的场景使用不同的 UI 和逻辑,当然大部分的逻辑是一样的。
    所谓的一套 UI 和逻辑代码的直接响应式并不适合带日常功能逻辑的正经网站,硬分成两个项目也是不合适的,毕竟大部分功能逻辑没必要分两份维护
    webcape233
        32
    webcape233  
       2023-02-17 23:10:19 +08:00 via iPhone
    sveltekit
    vivipure
        33
    vivipure  
       2023-02-17 23:56:05 +08:00
    Vue 2.7 + TS + Pinia, 2.7 支持 Composition Api ,而且可以复用 vue 2 的生态。开发体验十分的 ok
    tonytonychopper
        34
    tonytonychopper  
       2023-02-18 00:00:59 +08:00   ❤️ 1
    会啥选啥,不过我想说 react 生态要好得多。
    gogogo1203
        35
    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
        36
    gogogo1203  
       2023-02-18 00:05:48 +08:00
    2023 年了,vue 和 react 的生态都应该十分健全了。来个 copilot, 没有什么坑不吭的
    gogogo1203
        37
    gogogo1203  
       2023-02-18 00:07:00 +08:00
    组件库更是大把, 有付费的、免费的。 你能想到的都有,只要你会翻谷歌。
    rocmax
        38
    rocmax  
       2023-02-18 00:09:08 +08:00 via Android
    我之前一直开发 react ,nextjs 。最近被拉去个 nuxt2.x 的项目救急,我的感觉是项目负责人一定是工作不饱满闲的蛋疼所以选择用 ts 。
    rocmax
        39
    rocmax  
       2023-02-18 00:17:28 +08:00 via Android
    虽然我也觉得应该无脑 vue 。
    但是欢迎尝试 nextjs ,然后强烈推荐 trpc 。trpc+nextjs
    真的是完全体,类型检查贯穿前后端。解决了 restful 的最大问题。
    graphql 的话优点是有,但是整体上设计个好的 api 很难,而且接口定义代码多且冗余。trpc 这方面更好一点。
    jiayouzl
        40
    jiayouzl  
       2023-02-18 00:19:04 +08:00
    vite 足够了.
    zephyr1
        41
    zephyr1  
       2023-02-18 01:11:15 +08:00
    vue3 vuetify 无敌
    chaucerling
        42
    chaucerling  
       2023-02-18 09:14:40 +08:00
    vite + vue3 + tailwindcss
    ikaros
        43
    ikaros  
       2023-02-18 09:57:54 +08:00
    html + jQuery
    liximomo
        44
    liximomo  
       2023-02-18 10:32:39 +08:00
    react 项目的话,状态管理就用 doura: https://github.com/dourajs/doura
    liximomo
        45
    liximomo  
       2023-02-18 10:36:16 +08:00
    react + doura vue 的开发体验,又可以享受 react 的生态。
    yunyuyuan
        46
    yunyuyuan  
       2023-02-18 10:44:57 +08:00
    考虑做大吗,考虑的话我建议 angular
    Xbathy
        47
    Xbathy  
       2023-02-18 11:56:03 +08:00
    @CHTuring 来个联系方式.
    agdhole
        48
    agdhole  
       2023-02-18 12:11:47 +08:00
    react + react native
    Cloudust
        49
    Cloudust  
       2023-02-18 12:49:38 +08:00
    vue 的移动应用貌似也就 uniapp 做的可以了,不过 APP 也是个大坑。
    ilovecqrwx
        50
    ilovecqrwx  
       2023-02-18 13:09:16 +08:00
    求稳就 vue2
    dreamramon
        51
    dreamramon  
       2023-02-19 00:09:58 +08:00
    react 轻松搞定,都 2023 了,别搞 vue 了。
    RIG
        52
    RIG  
       2023-02-20 11:24:55 +08:00
    @rocmax 那可以直接上 T3 ,及其舒适
    fao931013
        53
    fao931013  
       2023-02-20 14:42:30 +08:00
    为啥不考虑 vue2 就用 vite+vue3 写 vue2 不挺好嘛 路由上 vue-router 状态管理上 vuex UI 库上 vant 移动端适配上 vw/vh 简直无敌
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   5704 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 32ms · UTC 01:54 · PVG 09:54 · LAX 18:54 · JFK 21:54
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.