2024 年了,写前端用哪个框架? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
lucasj
V2EX    前端开发

2024 年了,写前端用哪个框架?

  •  
  •   lucasj 2024-08-23 09:16:42 +08:00 9430 次点击
    这是一个创建于 464 天前的主题,其中的信息可能已经有所发展或是发生改变。

    写过 React 和 Vue.js ,是不是优先选 React ,还有哪些选择?

    69 条回复    2024-09-03 16:15:26 +08:00
    fgt1t5y
        1
    fgt1t5y  
       2024-08-23 09:22:33 +08:00
    选 vue
    bgm004
        2
    bgm004  
       2024-08-23 09:27:48 +08:00   1
    如果不依赖组件库,我选 solidjs 。
    Cbdy
        3
    Cbdy  
       2024-08-23 09:31:39 +08:00
    昨晚刚写的一个小工具
    https://v2ex.com/t/1067121
    用的这些

    "@babel/preset-env": "^7.25.3",
    "@emotion/css": "^11.13.0",
    "@vue/babel-plugin-jsx": "^1.2.2",
    "babel-loader": "^9.1.3",
    "html-webpack-plugin": "^5.6.0",
    "lodash": "^4.17.21",
    "naive-ui": "^2.39.0",
    "pinia": "^2.2.2",
    "terser-webpack-plugin": "^5.3.10",
    "vue": "^3.4.38",
    "webpack": "^5.93.0",
    "webpack-cli": "^5.1.4",
    "webpack-dev-server": "^5.0.4"
    EJW
        4
    EJW  
       2024-08-23 09:32:16 +08:00
    试试 nextjs
    RoshanWu
        5
    RoshanWu  
       2024-08-23 09:32:22 +08:00
    https://lit.how/
    qppq54s
        6
    qppq54s  
       2024-08-23 09:33:19 +08:00
    都可以,看碟下菜
    freedomin
        7
    freedomin  
       2024-08-23 09:34:52 +08:00
    如果是个人,想用那个用哪个。
    如果是团队的话,得考虑大家的技术栈,优先选大家熟悉的框架。
    大家都熟悉,交流无障碍,写起来也快。
    Hanser002
        8
    Hanser002  
       2024-08-23 09:36:09 +08:00   1
    solid + tailwind
    xiangyuecn
        9
    xiangyuecn  
       2024-08-23 09:37:30 +08:00
    Vanilla JS is a fast, lightweight, cross-platform framework for building incredible, powerful Javascript applications. http://vanilla-js.com/
    shakaraka
        10
    shakaraka  
    PRO
       2024-08-23 09:37:59 +08:00
    angular v18+
    june4
        11
    june4  
       2024-08-23 09:48:17 +08:00
    solidjs +1
    hymxm
        12
    hymxm  
       2024-08-23 10:02:33 +08:00
    nextjs 吧
    10bkill1p
        13
    10bkill1p  
       2024-08-23 10:10:05 +08:00
    angular
    draco95
        14
    draco95  
       2024-08-23 10:17:24 +08:00
    angular v18+
    youyouzi
        15
    youyouzi  
       2024-08-23 10:20:19 +08:00
    我居然没听过 solid ,去看了一下写法有点像 react 啊
    lucasj
        16
    lucasj  
    OP
       2024-08-23 10:21:58 +08:00
    @xiangyuecn #9

    搜了一下,Vanilla JS = 原生 JS = 不用 JS 框架
    loading
        17
    loading  
       2024-08-23 10:23:14 +08:00
    Svelte
    estk
        18
    estk  
       2024-08-23 10:30:28 +08:00 via iPhone
    NextUI 一把梭
    Zhuantouwen
        19
    Zhuantouwen  
       2024-08-23 10:44:07 +08:00
    flutter 一把梭
    infyni
        20
    infyni  
       2024-08-23 10:45:38 +08:00
    qwik
    mikasyou
        21
    mikasyou  
       2024-08-23 10:47:37 +08:00
    当然是 vanilla-js, 性能吊打一众主流前端框架.

    http://vanilla-js.com/
    barrysj
        22
    barrysj  
       2024-08-23 10:53:39 +08:00   11
    没做过前端的人大受震撼,前 20 楼说的没几个重样的
    lerry
        23
    lerry  
       2024-08-23 10:57:25 +08:00   1
    写过 Vue ,最近在用 nextjs ,直接用 nextui 创建项目,写起来还挺爽的,但是 nextjs 这个打包速度相比 vue3 差远了
    wei2629
        24
    wei2629  
       2024-08-23 10:57:33 +08:00
    angular 居然还出现了 3 次。 看不是那么的小众嘛。
    meeop
        25
    meeop  
       2024-08-23 10:59:32 +08:00
    无框架 ai 从 0 硬写
    WJYuan
        26
    WJYuan  
       2024-08-23 10:59:59 +08:00
    angular/react/vue/svelte/solid/lit/stencil...
    HTML001
        27
    HTML001  
       2024-08-23 11:26:06 +08:00   1
    疑惑,你们工作中的项目有这么多技术栈实际使用吗,还是只是在追新拽名词。我工作中前端方面大概 vue 占 60%,react 占 30%,其他占 10%,最近两年 vue 项目占比提高了很多,至于 angular ,一次都没有在生产项目中使用过,
    9pr7im4IjQ9u0806
        28
    9pr7im4IjQ9u0806  
       2024-08-23 11:38:04 +08:00
    这个提问,感觉前端有点热衷于换框架?
    94
        29
    94  
       2024-08-23 11:56:00 +08:00   1
    就是看团队现有的技术栈来决定。不用管性能问题,考虑协同和可维护性就行了。
    90%的项目在遇到新能问题之前都已经死掉了。前端框架之间的性能差距还没有大到可以一定要用某一个的地步。

    如果现阶段团队没有固定的技术栈,也没有固定的开发范式或者有专门的人来定制规则和基建。
    在多人协同开发的情况下使用 React 和 Vue3 都会很难受,私底下会互相骂其他人是煞笔。
    太自由有太自由的好处和坏处。有固定的开发范式后期会好维护很多。

    如果不是多人协同开发就无所谓了,自己喜欢什么就用什么。只要成熟稳定、不是太新太小众的框架就行。
    绝大部分人都没有能力在遇到 BUG 的时候给开源框架贡献 PR 的能力,甚至提 Issue 都是乱七八糟的。
    imagine243
        30
    imagine243  
       2024-08-23 12:45:30 +08:00   2
    @lucasj 之前被 Vanilla JS 迷惑很久, 后来知道具体意思后, 看到就感觉恶心, 前端圈就不能起一个表达真实目的的名字?
    duvet
        31
    duvet  
       2024-08-23 13:26:52 +08:00
    @imagine243 vanilla 就是普通的意思,很好懂
    shintendo
        32
    shintendo  
       2024-08-23 13:27:03 +08:00
    @imagine243 不是,Vanilla JS 这个词的目的就是迷惑人的,只是个梗,不是正经名词
    BeijingBaby
        33
    BeijingBaby  
       2024-08-23 13:33:59 +08:00
    4BVL25L90W260T9U
        34
    4BVL25L90W260T9U  
       2024-08-23 13:34:57 +08:00
    坚定不移地选择 nextjs ,虽然 vercel 的云服务太差了
    peppapig
        35
    peppapig  
       2024-08-23 13:36:55 +08:00
    @imagine243 要不查查词典 vanilla 的意思呢?
    4BVL25L90W260T9U
        36
    4BVL25L90W260T9U  
       2024-08-23 13:37:04 +08:00
    @imagine243 #28 那是因为国内非要把 vanilla 全部翻译成香草…… https://www.bbc.co.uk/learningenglish/chinese/features/authentic-real-english/ep-200908
    marcong95
        37
    marcong95  
       2024-08-23 13:43:49 +08:00
    @imagine243 u1s1 ,英语词典是个好东西

    vanilla
    adjective
    UK /vnl./ US /vnl./

    used to describe a product or service that is basic and has no special features
    (产品或服务)普通的;基本的
    I just want a vanilla bank account with low charges.
    我只是需要一个普通的低收费的银行帐号。
    caisanli
        38
    caisanli  
       2024-08-23 13:48:46 +08:00
    歪个楼。手痒,刚用原生 JS 写了一个多页面项目(用 vite 搭的),数据更新太麻烦,插件不好找(或者 UI 不好看),相同模块不好抽离。还是用 vue 吧。
    lovedebug
        39
    lovedebug  
       2024-08-23 13:49:32 +08:00
    坚定不移的选择 React 吧~
    Nosub
        40
    Nosub  
       2024-08-23 14:15:28 +08:00
    angular 18+,angular 最近迭代速度越来越快;

    我猜测是因为最近 Google 合并 Angular 和 内部 Wiz 框架 导致;
    TeslaLyon
        41
    TeslaLyon  
       2024-08-23 14:23:07 +08:00
    长见识了啊
    wlingxiao
        42
    wlingxiao  
       2024-08-23 14:25:07 +08:00 via Android
    我来说一个 blazore(
    daaaxuan
        43
    daaaxuan  
       2024-08-23 15:03:25 +08:00 via iPhone
    看到大家的回答那么不统一,有点心疼前端的哥们儿……
    subframe75361
        44
    subframe75361  
       2024-08-23 15:05:14 +08:00 via Android
    astro+solidjs+unocss ,个人用的挺爽的
    AV1
        45
    AV1  
       2024-08-23 15:13:40 +08:00
    所以说,毕业班、培训班的孩子们,千!万!别!选!前!端!
    前端没有最卷,只有更卷,是个无尽的深渊。
    别的方向(比如 java )都是一套技术吃到退休,前端你永远学不完、学不动。
    qiqw
        46
    qiqw  
       2024-08-23 15:34:23 +08:00
    avalon
    asdhak
        47
    asdhak  
       2024-08-23 17:07:21 +08:00
    @kw8023cn #28 应该是前端技术迭代升级快
    txzh007
        48
    txzh007  
       2024-08-23 17:47:10 +08:00
    前端娱乐圈... 天天就喜欢换名字,react/vue 哪个顺手用那个,写多了没区别都是单项数据流+jsx/tsx
    Wanex
        49
    Wanex  
       2024-08-23 17:58:53 +08:00
    最流行的还是 next.js
    jlak
        50
    jlak  
       2024-08-23 21:17:23 +08:00 via iPhone   1
    其实没什么选择,现在生态 Next.js 要独大了
    HENQIGUAI
        51
    HENQIGUAI  
       2024-08-23 21:44:13 +08:00
    虽然我没用过,但是我推荐 Angular
    hedwi
        52
    < href="/member/hedwi" class="dark">hedwi  
       2024-08-23 23:33:44 +08:00
    angular 一把梭哈
    dukefightlife
        53
    dukefightlife  
       2024-08-24 00:04:12 +08:00
    bootstrap
    Exdui
        54
    Exdui  
       2024-08-24 00:09:03 +08:00
    也可以试试 astro.js
    Chemist
        55
    Chemist  
       2024-08-24 00:27:58 +08:00 via iPhone   1
    信息展示多的用 vue, 业务逻辑主要靠前端实现的用 react 。
    MuscleOf2016
        56
    MuscleOf2016  
       2024-08-24 00:30:08 +08:00
    最近在推动 vue2 换 vue3+ts ,不知道最后是好还是坏。
    wwk
        57
    wwk  
       2024-08-24 00:37:00 +08:00   1
    看需求,个人项目可以优先选 nextjs 技术栈,生态完善。公司的得看团队情况。
    Bluecoda
        58
    Bluecoda  
       2024-08-24 01:45:04 +08:00
    从一个 AI 模型的训练数据来看,我主观认为 react 的训练数据更多,因为国外的选择中,react 比 vue 多,我想 react/nextjs 是更好的选择。国内的数据不是没有,不如国外的各大论坛等等全面。
    macemers
        59
    macemers  
       2024-08-24 07:35:54 +08:00   1
    @DOLLOR 一套技术吃到被优化而不是到退休[doge]
    wxiao333
        60
    wxiao333  
       2024-08-24 08:06:50 +08:00
    @HTML001 我之前 2 家外企,世界 500 强的那种,前端全是 angular ,甚至其中一家还开发维护了一个 angular 的 UI 开源库
    facebook47
        61
    facebook47  
       2024-08-24 09:08:06 +08:00 via Android
    @barrysj 毕竟娱乐圈
    zbowen66
        62
    zbowen66  
       2024-08-24 10:30:56 +08:00
    @imagine243 #30 我一直以为是原生 JS...
    zbowen66
        63
    zbowen66  
       2024-08-24 10:32:58 +08:00
    @barrysj #22 正儿八经能用于生产商业项目的也就四五个
    zbowen66
        64
    zbowen66  
       2024-08-24 10:35:23 +08:00
    @ospider #34 怎么说?公司+个人用了 Vercel 挺久的,除了运行环境非满血,其他没毛病啊
    kkxi22
        65
    kkxi22  
       2024-08-24 13:21:08 +08:00 via iPhone
    选来选去浪费时间,react 能解决前端所有问题。人家公司都上市了,你们公司还在选技术栈
    yrj
        66
    yrj  
       2024-08-24 20:57:02 +08:00
    astro+solidjs 我看推荐的人不多,我来投一票
    HTML001
        68
    HTML001  
       2024-08-26 09:11:20 +08:00
    @wxiao333 外企可能用 angular 占比高点,就国内这些公司用 angular 很少,现在这些国内互联网大厂也基本都是 react 和 vue 技术栈
    snarkprayer
        69
    snarkprayer  
       2024-09-03 16:15:26 +08:00
    说 angular 的怕不是”你用我推荐,我用我不选“
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     1126 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 27ms UTC 17:08 PVG 01:08 LAX 09:08 JFK 12:08
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86