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

[x97bgt]

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

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

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

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

[murmur]

没任何前端基础为啥不学 vue ，vue 尤其是 vue2 的心智负担比 react 小多了，选词填空是个人都能学会

[mikaelson]

@murmur #1 跟题主一样的情况，看了 react ，我放弃了，去看 vue 去了。。。

[particlec]

"没有任何前端基础"，有 vue 选 vue ，
硬要选 react 个人经验：
ts 比 js 工时多 1/4,Tailwind 对应新手太难记了，vite 最快，组件库 antd

[b1t]

我最近也在学前端，目的是纯做点东西，所以是面向需求看东西。

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

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

你列举的这些东西，一眼看过去你不觉得头大吗，而且单纯的看了之后肯定忘，连想都不用想

[TVMXi8YPdB7idbjG]

先学 JS ，再学 React

[llanero]

react 官方文档写得很好

[chanChristin]

没有基础纠结这么多干啥？先用最快的方式新建一个项目写起来，后面有需求自然就知道要选哪个了。
推荐：umi ，再装一个 antd 就够了。
https://umijs.org/docs/guides/getting-started

[b1t]

补充一点，除了参考 github 的开源项目之外，再辅以 gpt ，难度会降低很多。

[Track13]

gulp/yarn/Bootstrap/Gatsby ;这些已经是过时淘汰的东西了；
只写 web 建议 solidjs 。支持 jsx 而且没有 react 的心智负担

[superedlimited]

没有任何前端基础，一定一定一定要先学 react ！

[FoxRiverMan]

@superedlimited 为何这样说？

[magicZ]

看了一眼，瞬间不想学了

[Hunterz]

vite + vue 一把梭先吧，想把每个问题搞明白有点门槛，后面遇到问题再去解决问题。

[potatowish]

要用 react 做网站，next.js 就够了，再选一个 UI 框架，其他的就问 chatgpt ，我就是这么学的。对于没有前端基础的人来说，react 比较好上手，老老实实按官方文档来

[mscorlib]

个人感觉 vite+ts+react+zustand+tailwind 心智负担最小，当然还得看自己的组织能力，vue 一把梭心智负担并不小

[asen001]

react 生态就是选择太多了，每年都会新流行几个东西， 一大堆最佳实践。
推荐在 antd pro 里随便写点东西，边学边写，蛮快就上手了，不会比 vue 难

[Cbdy]

专注前端 30 年，需要帮助可以联系我

JavaScript/React/Preact/Vite/Emotion/Vite/pnpm/Rollup/Zustand/Jotai

[rookie2luochao]

我这个项目的业务代码绝对扛打，欢迎 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]

我的意思是我那个项目前端代码，可以看下，顺便 diss 我，促进我进度，谢谢各位志同道合的前端 er 了

[GloryIsMine]

建议不要一上手就学 nextjs ，里面很多'use server','use client'场景新手很容易搞懵，而且 nextjs 里面不同版本还有很多不同的实现方式，文档都要看很久。
建议还是先从传统的 SPA 场景把 React 的基本使用搞懂。

[clocean]

所以说，我等前端学习的话，HTML 、CSS 、JS 走完，再学什么呢？

[EJW]

@clocean 简单点 vue 难一点 react

[ZGame]

@mscorlib zustand 里面是不是没有 dispatch ,action 的概念, 感觉用这个写复杂的应用有点怪怪的

[d3George]

可以看下这个项目，很适合学习 React 最新生态： https://github.com/d3george/slash-admin

[x2ve]

其实这个贴我在 100 天前看到过了，也没想到 100 天后会看到，最近公司让我转 react 跟着公司的前端做需求，了解到的信息跟你类似，最近是跟着 B 站大学的黑马那个教程看，利用下班后和周末，'0 帧'起手，差不多一个星期吧，能改点简单的需求了；可能是老师教的好，也可能是公司给的时间非常短有压力，我比较接受函数去拼组件的方式，跟写后端的 python ，go 这种差不多，查查数据传传参，改改状态，用用组件库，还挺爽的，我个人的建议是看 B 站视频，配合官网的案例再理解一次，没事看看不常用的 api 并搜一下这些 API 的作用有个了解方便去看懂别人的代码即可