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

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

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

    本人没有任何前端基础。现在刚开始学 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 官方文档写得很好
    chanChristin
        7
    chanChristin  
       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 ,难度会降低很多。
    Track13
        9
    Track13  
       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 的基本使用搞懂。
    clocean
        21
    clocean  
       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  
       338 天前
    @mscorlib zustand 里面是不是没有 dispatch ,action 的概念, 感觉用这个写复杂的应用有点怪怪的
    d3George
        24
    d3George  
       323 天前   ❤️ 2
    可以看下这个项目,很适合学习 React 最新生态: https://github.com/d3george/slash-admin
    x2ve
        25
    x2ve  
       270 天前
    其实这个贴我在 100 天前看到过了,也没想到 100 天后会看到,最近公司让我转 react 跟着公司的前端做需求,了解到的信息跟你类似,最近是跟着 B 站大学的黑马那个教程看,利用下班后和周末,'0 帧'起手,差不多一个星期吧,能改点简单的需求了;可能是老师教的好,也可能是公司给的时间非常短有压力,我比较接受函数去拼组件的方式,跟写后端的 python ,go 这种差不多,查查数据传传参,改改状态,用用组件库,还挺爽的,我个人的建议是看 B 站视频,配合官网的案例再理解一次,没事看看不常用的 api 并搜一下这些 API 的作用有个了解方便去看懂别人的代码即可
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   969 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 21ms · UTC 20:30 · PVG 04:30 · LAX 13:30 · JFK 16:30
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.