大家好，我是 Echa，今天又是週五啦，提前祝大家週末愉快~
前段時間我分享了Vue學習相關的學習寶庫以及開源專案，有部分網友私信我有麼有React方便的學習寶庫呢？
今天推薦20個Github熱門的React學習寶庫及開源專案，助你成為 React 大佬！創作不易，
喜歡的老鐵們加個關注，點個贊，後面會
持續更新幹貨，速速
收藏，謝謝！廢話不多說，直接上乾貨：
推薦13個又熱門又實用的Vue開源寶典庫
推薦7個Vue 3的高顏值UI元件庫
盤點12個優秀的微信小程式開源專案
全文大綱：
1。Awesome React
Github（52.5k）：
https：//github。com/enaqx/awesome-react
關於 React 生態系統的一系列很棒的資源。
2。 React in patterns
官網地址：www。gitbook。com/book/krasimir/react-in-patterns/
Github(12.1k)：
https：//github。com/krasimir/react-in-patterns
一本介紹 React 開發設計模式和技術的免費開源書籍，該書提供了簡體中文版本。
3。 30 Days Of React
Github(17.7k)：
https：//github。com/Asabeneh/30-Days-Of-React
30 Days Of React 是在 30 天內學習 React 的分步指南。它需要 HTML、CSS 和 JavaScript 知識。
4。 Real world React apps
Github(3k)：
https：//github。com/jeromedalbert/real-world-react-apps
現實世界的 React 應用程式及其開原始碼庫，該庫包含了51個React 開源專案，供開發人員學習。
5。 React Bits
官方網址：https：//vasanthk。gitbooks。io/react-bits
Github(14.1k)：
https：//github。com/vasanthk/react-bits
React Bits 包含 React 設計模式、技術、技巧和竅門，提供了中文版本。
6。 React & Redux in TypeScript - Complete Guide
官方網址：https：//piotrwitek。github。io/react-redux-typescript-guide/
Github（12.7k）：
https：//github。com/piotrwitek/react-redux-typescript-guide
使用 TypeScript 在 React & Redux 應用程式中進行靜態輸入的完整指南。本指南記錄瞭如何使用 TypeScript 函式式風格使用 React（及其生態系統）的最重要的模式和秘訣。它將幫助你使程式碼完全型別安全，同時專注於從實現中推斷型別。
7。 Awesome React Components
Github(33.4k)：
https：//github。com/brillout/awesome-react-components
一個很棒的 React 元件和庫的列表，包含了11個大類。
8。 ahooks
官方地址：https：//ahooks。js。org/
Github(10.9k)：
https：//github。com/alibaba/hooks
阿里巴巴開源的一套高質量可靠的 React Hooks 庫。包含大量提煉自業務的高階 Hooks 以及豐富的基礎 Hooks。它使用 TypeScript 構建，提供了完整的型別定義檔案。
9。 Beautiful React Hooks
官方地址：https：//antonioru。github。io/beautiful-react-hooks/
Github（6.4k）：
https：//github。com/antonioru/beautiful-react-hooks
Beautiful React Hooks 是可以顯著為你提升元件開發和 hooks 開發效率的一系列漂亮的 React hooks。
React hooks 讓我們能把元件的業務邏輯抽象到一個可重用的函數里。
根據到目前為止的使用經驗，我們發現：我們建立並在內部專案之間複用的大多數 hooks 通常都有一些共同的寫法，涉及回撥引用、事件或是元件生命週期。
發現這一點後，我們嘗試把這些常用的寫法抽出來放進 beautiful-react-hooks —— 一系列 （說不定） 有用的 React hooks —— 來幫助其他公司和專家們加速他們的開發。
此外，我們建立了簡明而穩固的 API，時刻牢記程式碼可閱讀性，專注於保持學習曲線越低越好，以便它們可以被更大的團隊分享和使用。
10。 React Use
官方網址：http：//streamich。github。io/react-use
Github（34.3k）：
https：//github。com/streamich/react-use
必不可少的自定義 React Hooks 集合，提供了中文文件。
11。 useHooks
官方地址：https：//usehooks。com/
Github：
https：//github。com/uidotdev/usehooks
useHooks 是一系列易於理解的自定義 React Hook 集合。
12。 React+TypeScript Cheatsheets
官方網址：https：//react-typescript-cheatsheet。netlify。app/
Github（38.1k）：
https：//github。com/typescript-cheatsheets/react
為經驗豐富的 React 開發人員提供 TypeScript 入門的備忘錄。
13。 ReactJS coding challenges
Github(2.4k)：
https：//github。com/alexgurr/react-coding-challenges
ReactJS coding challenges 是一系列具有各種困難的 React 編碼挑戰。
14。 React Interview Questions & Answers
Github（25.6k）：
https：//github。com/sudheerj/reactjs-interview-questions
300多道React面試題，含答案。
15。 30 seconds of code
官方網址：https：//www。30secondsofcode。org/react/p/1
Github（4.6k）：
https：//github。com/30-seconds/30-seconds-of-react
滿足你所有開發需求的簡短 React 程式碼片段。
16。 React hooks cheatsheet
官方網址：https：//react-hooks-cheatsheet。com/
Github（908）：
https：//github。com/ohansemmanuel/react-hooks-cheatsheet
帶有實時可編輯示例的 React hooks 備忘錄 。包含一些可能會遇到的真實案例/問題示例。它包含實際的程式碼示例，每個示例都模仿了所有的 Hook API。
17。 React/Redux Links
Github（21.9k）：
https：//github。com/markerikson/react-redux-links
React/Redux Links 收集了一些有關 React、Redux、ES6 等的精選教程和資源連結，旨在為想要了解 React-Redux 生態系統的人提供高質量文章和資源的集合，以及有關高階主題和技術的優質資訊。
18。 React Developer Roadmap
Github（17.7k）：
https：//github。com/adam-golab/react-developer-roadmap
該指南將助你成為一名 React 開發者，它包含了成為一名 React 開發者可以選取的學習路徑和倉庫。
19。 Awesome React Hooks
Github(8.7k)：
https：//github。com/rehooks/awesome-react-hooks
一系列關於 React Hooks 的教程、影片、播客、工具、自定義 hooks 庫等。
20。 Awesome Next。js
Github(8.1k)：
https：//github。com/unicodeveloper/awesome-nextjs
關於使用 Next。js（React 伺服器渲染框架）的書籍、影片、文章的精選資源列表。
