大家好，我是 Echa，今天又是周五啦，提前祝大家周末愉快~
前段時間我分享了Vue學習相關的學習寶庫以及開源項目，有部分網友私信我有么有React方便的學習寶庫呢？今天推薦20個Github熱門的React學習寶庫及開源項目，助你成為 React 大佬！創(chuàng)作不易，喜歡的老鐵們加個關注，點個贊，后面會持續(xù)更新干貨，速速收藏，謝謝！廢話不多說，直接上干貨：
全文大綱：
1.Awesome React
Github（52.5k）：https://github.com/enaqx/awesome-react
關于 React 生態(tài)系統(tǒng)的一系列很棒的資源。
2. React in patterns
官網地址：www.gitbook.com/book/krasimir/react-in-patterns/
Github(12.1k)：https://github.com/krasimir/react-in-patterns
一本介紹 React 開發(fā)設計模式和技術的免費開源書籍，該書提供了簡體中文版本。
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
現(xiàn)實世界的 React 應用程序及其開源代碼庫，該庫包含了51個React 開源項目，供開發(fā)人員學習。
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 應用程序中進行靜態(tài)輸入的完整指南。本指南記錄了如何使用 TypeScript 函數(shù)式風格使用 React（及其生態(tài)系統(tǒng)）的最重要的模式和秘訣。它將幫助你使代碼完全類型安全，同時專注于從實現(xiàn)中推斷類型。
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 庫。包含大量提煉自業(yè)務的高級 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 是可以顯著為你提升組件開發(fā)和 hooks 開發(fā)效率的一系列漂亮的 React hooks。
React hooks 讓我們能把組件的業(yè)務邏輯抽象到一個可重用的函數(shù)里。
根據(jù)到目前為止的使用經驗，我們發(fā)現(xiàn)：我們創(chuàng)建并在內部項目之間復用的大多數(shù) hooks 通常都有一些共同的寫法，涉及回調引用、事件或是組件生命周期。
發(fā)現(xiàn)這一點后，我們嘗試把這些常用的寫法抽出來放進 beautiful-react-hooks —— 一系列 （說不定） 有用的 React hooks —— 來幫助其他公司和專家們加速他們的開發(fā)。
此外，我們創(chuàng)建了簡明而穩(wěn)固的 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 開發(fā)人員提供 TypeScript 入門的備忘錄。
13. ReactJS coding challenges
Github(2.4k)：https://github.com/alexgurr/react-coding-challenges
ReactJS coding challenges 是一系列具有各種困難的 React 編碼挑戰(zhàn)。
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
滿足你所有開發(fā)需求的簡短 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 生態(tài)系統(tǒng)的人提供高質量文章和資源的集合，以及有關高級主題和技術的優(yōu)質信息。
18. React Developer Roadmap
Github（17.7k）：https://github.com/adam-golab/react-developer-roadmap
該指南將助你成為一名 React 開發(fā)者，它包含了成為一名 React 開發(fā)者可以選取的學習路徑和倉庫。
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 服務器渲染框架）的書籍、視頻、文章的精選資源列表。
版權聲明：本文內容由互聯(lián)網用戶自發(fā)貢獻，該文觀點僅代表作者本人。本站僅提供信息存儲空間服務，不擁有所有權，不承擔相關法律責任。如發(fā)現(xiàn)本站有涉嫌抄襲侵權/違法違規(guī)的內容， 請發(fā)送郵件至 舉報，一經查實，本站將立刻刪除。
