大家好，我是DOM哥。

图谱年年有，今年我来盘！

之前已经盘完了 Vue 的技术图谱，今天来盘 React 的。

我用 ChatGPT 开发了一个 React 的资源导航网站。

不管你是资深 React 用户，还是刚入门想学习 React 的小白，这个网站都能帮助到你。

网站地址：https://dombro.site/react#/react

项目托管在 GitHub，访问不了的可以私信我哟，包教包会，送你 Magic Power！

React 的生态已经相当成熟，优秀的组件，库，框架琳琅满目，数不胜数。

资源在精不在多。这里我只收录了开源免费，GitHub 上的高星项目。

这上面包括以下资源：

必备核心

• react：facebook 出品的 mvvm 框架
• react-router：标配，路由管理
• redux：标配，状态管理

进阶

• mobx：简单，可扩展的状态管理
• styled-components：css in js

UI框架

• ant-design：蚂蚁金服出品的企业级 ui 组件库
• ant-design-mobile：移动端 ui 组件库
• material-ui：风格继承自 google's material design

WEB 框架

• next.js：vercel 出品，全栈 web 应用
• gatsby：web 框架

跨端

• react-native：使用 react 框架来创建 Android 和 iOS 应用程序
• taro：京东凹凸实验室出品的跨端框架

工具

• react-devtools：浏览器扩展，react 开发调试必备利器
• create-react-app：开箱即用 react 项目脚手架，现在推荐 vite

你不需要报什么班，买什么课，花那冤枉钱。

只需要把网页上的这几个资源，钻进去，吃透。

你就能胜任任何 React 项目的开发。

从这个导航页不但能跳到资源的中文或英文官网，还能直接跳到 GitHub 项目，以及 CDN 地址。

如果配合我之前分享的 Vimium 插件，那是相当方便。

现在前端 mvvm 框架要么是 Vue，要么是 React。两者都有各自的生态。

如果你只打算学一个，那我推荐 Vue！首先是 vue 中文资源比 React 要多的多。

其次是 React 官网的这横幅我实在是看不懂。

当然 技术嘛，多多益善。能两个都掌握那最好。哪个公司会拒绝一个多才多艺的打工人呢！

对了，一开始我提到 这个网站我是用 ChatGPT 开发的，其实也并不全是。
ChatGPT 只是开发了个架子，然后里面的资源是用 ChatGPT 查的，包括网址和描述。
但 CSS 是我自己写的。

ChatGPT 也用了半年了，下期我准备聊聊使用这半年来的感受。感兴趣的记得关注我哦。