本人没有任何前端基础。现在刚开始学 React ,没有什么目的,纯粹就为了扩展技术。以后可能会出于兴趣做一些小东西吧。
鉴于前端生态比较庞大和混杂,一时摸不清应该选择什么

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

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

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

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

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

我最近也在学前端,目的是纯做点东西,所以是面向需求看东西。在看了 React 之后直接就建 Nextjs 项目了,发现 tailwind 完全搞不懂,就又回头看看 css (前几天还发过贴关于 css 如何掌握,感谢 v 友的帮助)。建好项目需要 ui 就自己找个 ui ,谢谢基本组件,碰到 Nextjs 路由怎么用,再去 Nextjs 的文档翻,中间搭配中 Github 上的开源项目作为参考。你列举的这些东西,一眼看过去你不觉得头大吗,而且单纯的看了之后肯定忘,连想都不用想

先学 JS ,再学 React

react 官方文档写得很好

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

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

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

没有任何前端基础,一定一定一定要先学 react !

为何这样说?

看了一眼,瞬间不想学了

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

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

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

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

专注前端 30 年,需要帮助可以联系我JavaScript/React/Preact/Vite/Emotion/Vite/pnpm/Rollup/Zustand/Jotai

我这个项目的业务代码绝对扛打,欢迎 diss ,技术选型是:react + ts + vite + pnpm + antd + zustand + 工程化 github.com/rookie-luochao/openapi-uiantd 的 ts 体验并不是很好,胜在蚂蚁研发,中文文档非常好不考虑 seo, 追求调试体验,不建议 nextjs ,但是不能否认 nextjs 很强大业务代码调用接口多建议加上 react-query openapi2ts表单多建议:react-form-hook + zod个人写 css 不是很多,不喜欢 Tailwind ,看 className 文档很痛苦打包工具 vite 基本上可以覆盖大部分场景了,又快速,lib 包, es 包, 网页没任何问题

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

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