2024 年,用 react 开发 SPA 的最佳实践是什么?你会选择 Next.js 吗? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
yodhcn
V2EX    React

2024 年,用 react 开发 SPA 的最佳实践是什么?你会选择 Next.js 吗?

  •  
  •   yodhcn
    yodhcn 2024 年 7 月 15 日 6220 次点击
    这是一个创建于 624 天前的主题,其中的信息可能已经有所发展或是发生改变。
    虽然 Next.js 也能开发 SPA ,并且自带路由、拥有详细的文档,但它主要是为多页面及服务端渲染设计的,开发 SPA 可以但没必要用 Next.js 。

    可是除了 create-react-app 也想不起其它 SPA 脚手架了,平时没怎关注前端发展,现在 create-react-app 似乎已经很少用了?连 react 官网也是一上来就让你用 Next.js

    2024 年,用 react 开发 SPA ,你会选择哪些技术栈?
    28 条回复    2024-07-19 13:51:24 +08:00
    SayHelloHi
        1
    SayHelloHi  
       2024 年 7 月 15 日
    如果 API 不能跨域 就用 Next.js 目前是这么干的

    再就是看甲方需求
    estk
        2
    estk  
       2024 年 7 月 15 日
    NextJS 14 + app folder + NextUI
    estk
        3
    estk  
       2024 年 7 月 15 日
    @SayHelloHi #1
    后端转发?
    KMpAn8Obw1QhPoEP
        4
    KMpAn8Obw1QhPoEP  
       2024 年 7 月 15 日 via Android
    CRA 的替代品是 Vite 只是 React 官方文档把它放在了一个特别不起眼的位置
    SniperXu
        5
    SniperXu  
       2024 年 7 月 15 日
    我感觉 SPA 直接用 vite 就可以了吧,挺方便的,轮子也挺多的
    wu67
        6
    wu67  
       2024 年 7 月 15 日
    react spa 最佳脚手架是 vite. 没有之一.
    BeijingBaby
        7
    BeijingBaby  
       2024 年 7 月 15 日
    你也说了,react 官网一上来就让你用 nextjs ,所以肯定是 nextjs 了。
    leo72638
        8
    leo72638  
       2024 年 7 月 15 日
    remix 我觉得也可以啊
    paradox8599
        9
    paradox8599  
       2024 年 7 月 16 日 via Android
    反正我现在不管什么都是 nextjs ,好用就行了,也没多重,不差那么一点点性能
    agdhole
        10
    agdhole  
       2024 年 7 月 16 日
    vite
    linkopeneyes
        11
    linkopeneyes  
       2024 年 7 月 16 日
    如果没有 seo 需求,我是肯定不会用 nextjs
    BelongLin
        12
    BelongLin  
       2024 年 7 月 16 日
    vite or umi
    bgm004
        13
    bgm004  
       2024 年 7 月 16 日
    spa 当然不会去用 nextjs 啊。如果不部署在 vercel 更麻烦。vite 有 react 模板不会有人还不知道吧?
    gogozs
        14
    gogozs  
       2024 年 7 月 16 日
    为什么执着于 SPA 呢
    horizon
        15
    horizon  
       2024 年 7 月 16 日
    无脑 nextjs
    hanpei
        16
    hanpei  
       2024 年 7 月 16 日
    nextjs 部署有什么好方法么
    chenliangngng
        17
    chenliangngng  
       2024 年 7 月 16 日
    SPA 为什么要用 nextjs ,多了一堆配置
    fwh
        18
    fwh  
       2024 年 7 月 16 日
    蚂蚁的 umijs 、字节的 modernjs
    zhw2590582
        19
    zhw2590582  
       2024 年 7 月 16 日
    目前我还是喜欢用 nuxt3
    stew5566
        20
    stew5566  
       2024 年 7 月 16 日
    用 vite 感觉不错,vite 的默认 jsx 解析是 react
    xling
        21
    xling  
       2024 年 7 月 16 日
    rsbuild + react + mobx + ts
    Felix1717
        22
    Felix1717  
       2024 年 7 月 16 日
    vite 开发起来很舒服,直接在 https://github.com/vitejs/awesome-vite 选一个模板直接开发就好了。
    jianghu52
        23
    jianghu52  
       2024 年 7 月 16 日
    最近看了一个 t3-app 。感觉有点东西
    abc1310054026
        24
    abc1310054026  
       2024 年 7 月 17 日
    哥们,cra 虽然 star 很多但是 issue 也爆炸了。

    我之前碰到这个问题直接给我劝退了。https://github.com/facebook/create-react-app/discussions/11767

    大家都已经转 vite 了
    dabingbing
        25
    dabingbing  
       2024 年 7 月 17 日
    @hanpei 正好在做 nextjs 项目,也遇到了部署的问题,小交流一下,本地开发,build 之后,整个通过 rsync 同步到服务器上,但是过滤掉源码目录 src ,然后服务器上起个 pm2 ,启动即可
    dabingbing
        26
    dabingbing  
       2024 年 7 月 17 日
    本人纯后端,但是用 umijs 和 nextjs 开发过两个个人项目,为啥要换不同的框架,就是玩!!!给我的感觉是,react 开发整体上大同小异,没太大的区别,umijs 开发的时候,机器不怎么响,Build 之后部署也简单,nextjs 开发的时候,风扇几乎没停过( mac pro 也老了),部署也麻烦,但是部署之后,用户体验上,明显 nextjs 更快。 个人推荐 nextjs ,vite 还没用过。
    zeromake
        27
    zeromake  
       2024 年 7 月 17 日
    小 demo 直接用浏览器 module + importmap + htm 就完事了,不需要任何 node 环境
    JavenXiao
        28
    JavenXiao  
       2024 年 7 月 19 日
    只需要一个纯 react 的话,字节的 rsbuild 是个不错的选择: https://rsbuild.dev/zh/
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     3259 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 25ms UTC 13:54 PVG 21:54 LAX 06:54 JFK 09:54
    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