大家好，我是DOM哥。 圖譜年年有，今年我來盤！ 之前已經盤完了 Vue 的技術圖譜，今天來盤 React 的。不管你是資深 React 用戶，還是剛入門想學習 React 的小白，相信都能幫助到你 ...
大家好，我是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 也用了半年了，下期我準備聊聊使用這半年來的感受。感興趣的記得關註我哦。
