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

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

  •  
  •   x97bgt · 7 天前 · 1528 次点击

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

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

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

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

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

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

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

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

    JavaScript/React/Preact/Vite/Emotion/Vite/pnpm/Rollup/Zustand/Jotai
    rookie2luochao
        18
    rookie2luochao  
       7 天前
    我这个项目的业务代码绝对扛打,欢迎 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  
       7 天前
    我的意思是我那个项目前端代码,可以看下,顺便 diss 我,促进我进度,谢谢各位志同道合的前端 er 了
    GloryIsMine
        20
    GloryIsMine  
       7 天前
    建议不要一上手就学 nextjs ,里面很多'use server','use client'场景新手很容易搞懵,而且 nextjs 里面不同版本还有很多不同的实现方式,文档都要看很久。
    建议还是先从传统的 SPA 场景把 React 的基本使用搞懂。
    clocean
        21
    clocean  
       6 天前
    所以说,我等前端学习的话,HTML 、CSS 、JS 走完,再学什么呢?
    EJW
        22
    EJW  
       5 天前
    @clocean 简单点 vue 难一点 react
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   4369 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 03:54 · PVG 11:54 · LAX 20:54 · JFK 23:54
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.