初学 React,要选择哪些工具/框架/技术来学习? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
x97bgt
V2EX    React

初学 React,要选择哪些工具/框架/技术来学习?

  •  
  •   x97bgt 2024-05-15 15:57:59 +08:00 5136 次点击
    这是一个创建于 514 天前的主题,其中的信息可能已经有所发展或是发生改变。

    本人没有任何前端基础。现在刚开始学 React ,没有什么目的,纯粹就为了扩展技术。以后可能会出于兴趣做一些小东西吧。

    鉴于前端生态比较庞大和混杂,一时摸不清应该选择什么

    • 语言:Javascript/TypeScript
    • 框架:Next.js / Remix / Gatsby / Expo??
    • CSS:Tailwind / Bootstrap??
    • 包管理:npm/yarn/pnpm/...
    • 打包:Webpack/Vite/rollup/parcel/gulp/...
    • React Native值得学么?
    • 补充...

    我有可能有些概念也没搞清,欢迎纠正。或者有什么文章能讲清楚这些的,也可以发来看看。

    25 条回复    2024-08-25 10:33:02 +08:00
    murmur
        1
    murmur  
       2024-05-15 15:59:07 +08:00
    没任何前端基础为啥不学 vue ,vue 尤其是 vue2 的心智负担比 react 小多了,选词填空是个人都能学会
    mikaelson
        2
    mikaelson  
       2024-05-15 16:02:57 +08:00
    @murmur #1 跟题主一样的情况,看了 react ,我放弃了,去看 vue 去了。。。
    particlec
        3
    particlec  
       2024-05-15 16:05:27 +08:00
    "没有任何前端基础",有 vue 选 vue ,
    硬要选 react 个人经验:
    ts 比 js 工时多 1/4,Tailwind 对应新手太难记了,vite 最快,组件库 antd
    b1t
        4
    b1t  
       2024-05-15 16:09:07 +08:00
    我最近也在学前端,目的是纯做点东西,所以是面向需求看东西。

    在看了 React 之后直接就建 Nextjs 项目了,发现 tailwind 完全搞不懂,就又回头看看 css (前几天还发过贴关于 css 如何掌握,感谢 v 友的帮助)。

    建好项目需要 ui 就自己找个 ui ,谢谢基本组件,碰到 Nextjs 路由怎么用,再去 Nextjs 的文档翻,中间搭配中 Github 上的开源项目作为参考。

    你列举的这些东西,一眼看过去你不觉得头大吗,而且单纯的看了之后肯定忘,连想都不用想
    TVMXi8YPdB7idbjG
        5
    TVMXi8YPdB7idbjG  
       2024-05-15 16:10:26 +08:00
    先学 JS ,再学 React
    llanero
        6
    llanero  
       2024-05-15 16:12:20 +08:00   1
    react 官方文档写得很好
    Leeeeex
        7
    Leeeeex  
    PRO
       2024-05-15 16:13:10 +08:00
    没有基础纠结这么多干啥?先用最快的方式新建一个项目写起来,后面有需求自然就知道要选哪个了。
    推荐:umi ,再装一个 antd 就够了。
    https://umijs.org/docs/guides/getting-started
    b1t
        8
    b1t  
       2024-05-15 16:13:29 +08:00
    补充一点,除了参考 github 的开源项目之外,再辅以 gpt ,难度会降低很多。
    bgm004
        9
    bgm004  
       2024-05-15 16:16:20 +08:00
    gulp/yarn/Bootstrap/Gatsby ;这些已经是过时淘汰的东西了;
    只写 web 建议 solidjs 。支持 jsx 而且没有 react 的心智负担
    superedlimited
        10
    superedlimited  
       2024-05-15 16:23:05 +08:00 via iPhone
    没有任何前端基础,一定一定一定要先学 react !
    FoxRiverMan
        11
    FoxRiverMan  
       2024-05-15 16:33:32 +08:00
    @superedlimited 为何这样说?
    magicZ
        12
    magicZ  
       2024-05-15 16:55:06 +08:00
    看了一眼,瞬间不想学了
    Hunterz
        13
    Hunterz  
       2024-05-15 17:02:14 +08:00
    vite + vue 一把梭先吧,想把每个问题搞明白有点门槛,后面遇到问题再去解决问题。
    potatowish
        14
    potatowish  
       2024-05-15 17:04:54 +08:00 via iPhone
    要用 react 做网站,next.js 就够了,再选一个 UI 框架,其他的就问 chatgpt ,我就是这么学的。对于没有前端基础的人来说,react 比较好上手,老老实实按官方文档来
    mscorlib
        15
    mscorlib  
       2024-05-15 17:11:00 +08:00   1
    个人感觉 vite+ts+react+zustand+tailwind 心智负担最小,当然还得看自己的组织能力,vue 一把梭心智负担并不小
    asen001
        16
    asen001  
       2024-05-15 17:18:30 +08:00
    react 生态就是选择太多了,每年都会新流行几个东西, 一大堆最佳实践。
    推荐在 antd pro 里随便写点东西,边学边写,蛮快就上手了,不会比 vue 难
    Cbdy
        17
    Cbdy  
       2024-05-15 20:25:04 +08:00
    专注前端 30 年,需要帮助可以联系我

    Javascript/React/Preact/Vite/Emotion/Vite/pnpm/Rollup/Zustand/Jotai
    rookie2luochao
        18
    rookie2luochao  
       2024-05-16 00:41:25 +08:00
    我这个项目的业务代码绝对扛打,欢迎 diss ,技术选型是:react + ts + vite + pnpm + antd + zustand + 工程化
    https://github.com/rookie-luochao/openapi-ui

    antd 的 ts 体验并不是很好,胜在蚂蚁研发,中文文档非常好
    不考虑 seo, 追求调试体验,不建议 nextjs ,但是不能否认 nextjs 很强大
    业务代码调用接口多建议加上 react-query openapi2ts
    表单多建议:react-form-hook + zod
    个人写 css 不是很多,不喜欢 Tailwind ,看 className 文档很痛苦
    打包工具 vite 基本上可以覆盖大部分场景了,又快速,lib 包, es 包, 网页没任何问题
    rookie2luochao
        19
    rookie2luochao  
       2024-05-16 00:42:37 +08:00
    我的意思是我那个项目前端代码,可以看下,顺便 diss 我,促进我进度,谢谢各位志同道合的前端 er 了
    GloryIsMine
        20
    GloryIsMine  
       2024-05-16 10:13:16 +08:00
    建议不要一上手就学 nextjs ,里面很多'use server','use client'场景新手很容易搞懵,而且 nextjs 里面不同版本还有很多不同的实现方式,文档都要看很久。
    建议还是先从传统的 SPA 场景把 React 的基本使用搞懂。
    Ethan24067
        21
    Ethan24067 &nbp;
       2024-05-16 16:31:17 +08:00
    所以说,我等前端学习的话,HTML 、CSS 、JS 走完,再学什么呢?
    EJW
        22
    EJW  
       2024-05-17 15:05:23 +08:00
    @clocean 简单点 vue 难一点 react
    ZGame
        23
    ZGame  
       2024-06-18 09:29:49 +08:00
    @mscorlib zustand 里面是不是没有 dispatch ,action 的概念, 感觉用这个写复杂的应用有点怪怪的
    d3George
        24
    d3George  
       2024-07-03 11:19:23 +08:00   2
    可以看下这个项目,很适合学习 React 最新生态: https://github.com/d3george/slash-admin
    x2ve
        25
    x2ve  
       2024-08-25 10:33:02 +08:00
    其实这个贴我在 100 天前看到过了,也没想到 100 天后会看到,最近公司让我转 react 跟着公司的前端做需求,了解到的信息跟你类似,最近是跟着 B 站大学的黑马那个教程看,利用下班后和周末,'0 帧'起手,差不多一个星期吧,能改点简单的需求了;可能是老师教的好,也可能是公司给的时间非常短有压力,我比较接受函数去拼组件的方式,跟写后端的 python ,go 这种差不多,查查数据传传参,改改状态,用用组件库,还挺爽的,我个人的建议是看 B 站视频,配合官网的案例再理解一次,没事看看不常用的 api 并搜一下这些 API 的作用有个了解方便去看懂别人的代码即可
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     2681 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 26ms UTC 14:10 PVG 22:10 LAX 07:10 JFK 10:10
    Do have faith in what you're doing.
    ubao 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