大家好，我是 Echa，今天又是周五啦，提前祝大家周末愉快~
前段時(shí)間我分享了Vue學(xué)習(xí)相關(guān)的學(xué)習(xí)寶庫(kù)以及開(kāi)源項(xiàng)目，有部分網(wǎng)友私信我有么有React方便的學(xué)習(xí)寶庫(kù)呢？今天推薦20個(gè)Github熱門(mén)的React學(xué)習(xí)寶庫(kù)及開(kāi)源項(xiàng)目，助你成為 React 大佬！創(chuàng)作不易，喜歡的老鐵們加個(gè)關(guān)注，點(diǎn)個(gè)贊，后面會(huì)持續(xù)更新干貨，速速收藏，謝謝！廢話(huà)不多說(shuō)，直接上干貨：
推薦13個(gè)又熱門(mén)又實(shí)用的Vue開(kāi)源寶典庫(kù)
盤(pán)點(diǎn)12個(gè)優(yōu)秀的微信小程序開(kāi)源項(xiàng)目
全文大綱：
1.Awesome React
Github（52.5k）：https://github.com/enaqx/awesome-react
關(guān)于 React 生態(tài)系統(tǒng)的一系列很棒的資源。
2. React in patterns
官網(wǎng)地址：www.gitbook.com/book/krasimir/react-in-patterns/
Github(12.1k)：https://github.com/krasimir/react-in-patterns
一本介紹 React 開(kāi)發(fā)設(shè)計(jì)模式和技術(shù)的免費(fèi)開(kāi)源書(shū)籍，該書(shū)提供了簡(jiǎn)體中文版本。
3. 30 Days Of React
Github(17.7k)：https://github.com/Asabeneh/30-Days-Of-React
30 Days Of React 是在 30 天內(nèi)學(xué)習(xí) React 的分步指南。它需要 HTML、CSS 和 JavaScript 知識(shí)。
4. Real world React apps
Github(3k)：https://github.com/jeromedalbert/real-world-react-apps
現(xiàn)實(shí)世界的 React 應(yīng)用程序及其開(kāi)源代碼庫(kù)，該庫(kù)包含了51個(gè)React 開(kāi)源項(xiàng)目，供開(kāi)發(fā)人員學(xué)習(xí)。
5. React Bits
官方網(wǎng)址：https://vasanthk.gitbooks.io/react-bits
Github(14.1k)：https://github.com/vasanthk/react-bits
React Bits 包含 React 設(shè)計(jì)模式、技術(shù)、技巧和竅門(mén)，提供了中文版本。
6. React & Redux in TypeScript – Complete Guide
官方網(wǎng)址：https://piotrwitek.github.io/react-redux-TypeScript-guide/
Github（12.7k）：https://github.com/piotrwitek/react-Redux-typescript-guide
使用 TypeScript 在 React & Redux 應(yīng)用程序中進(jìn)行靜態(tài)輸入的完整指南。本指南記錄了如何使用 TypeScript 函數(shù)式風(fēng)格使用 React（及其生態(tài)系統(tǒng)）的最重要的模式和秘訣。它將幫助你使代碼完全類(lèi)型安全，同時(shí)專(zhuān)注于從實(shí)現(xiàn)中推斷類(lèi)型。
7. Awesome React Components
Github(33.4k)：https://github.com/brillout/awesome-react-components
一個(gè)很棒的 React 組件和庫(kù)的列表，包含了11個(gè)大類(lèi)。
8. ahooks
官方地址：https://ahooks.js.org/
Github(10.9k)：https://github.com/alibaba/hooks
阿里巴巴開(kāi)源的一套高質(zhì)量可靠的 React Hooks 庫(kù)。包含大量提煉自業(yè)務(wù)的高級(jí) Hooks 以及豐富的基礎(chǔ) Hooks。它使用 TypeScript 構(gòu)建，提供了完整的類(lèi)型定義文件。
9. Beautiful React Hooks
官方地址：https://antonioru.github.io/beautiful-react-hooks/
Github（6.4k）：https://github.com/antonioru/beautiful-react-hooks
Beautiful React Hooks 是可以顯著為你提升組件開(kāi)發(fā)和 hooks 開(kāi)發(fā)效率的一系列漂亮的 React hooks。
React hooks 讓我們能把組件的業(yè)務(wù)邏輯抽象到一個(gè)可重用的函數(shù)里。
根據(jù)到目前為止的使用經(jīng)驗(yàn)，我們發(fā)現(xiàn)：我們創(chuàng)建并在內(nèi)部項(xiàng)目之間復(fù)用的大多數(shù) hooks 通常都有一些共同的寫(xiě)法，涉及回調(diào)引用、事件或是組件生命周期。
發(fā)現(xiàn)這一點(diǎn)后，我們嘗試把這些常用的寫(xiě)法抽出來(lái)放進(jìn) beautiful-react-hooks —— 一系列 （說(shuō)不定） 有用的 React hooks —— 來(lái)幫助其他公司和專(zhuān)家們加速他們的開(kāi)發(fā)。
此外，我們創(chuàng)建了簡(jiǎn)明而穩(wěn)固的 API，時(shí)刻牢記代碼可閱讀性，專(zhuān)注于保持學(xué)習(xí)曲線(xiàn)越低越好，以便它們可以被更大的團(tuán)隊(duì)分享和使用。
10. React Use
官方網(wǎng)址：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
官方網(wǎng)址：https://react-typescript-cheatsheet.netlify.app/
Github（38.1k）：https://github.com/typescript-cheatsheets/react
為經(jīng)驗(yàn)豐富的 React 開(kāi)發(fā)人員提供 TypeScript 入門(mén)的備忘錄。
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
官方網(wǎng)址：https://www.30secondsofcode.org/react/p/1
Github（4.6k）：https://github.com/30-seconds/30-seconds-of-react
滿(mǎn)足你所有開(kāi)發(fā)需求的簡(jiǎn)短 React 代碼片段。
16. React hooks cheatsheet
官方網(wǎng)址：https://react-hooks-cheatsheet.com/
Github（908）：https://github.com/ohansemmanuel/react-hooks-cheatsheet
帶有實(shí)時(shí)可編輯示例的 React hooks 備忘錄 。包含一些可能會(huì)遇到的真實(shí)案例/問(wèn)題示例。它包含實(shí)際的代碼示例，每個(gè)示例都模仿了所有的 Hook API。
17. React/Redux Links
Github（21.9k）：https://github.com/markerikson/react-redux-links
React/Redux Links 收集了一些有關(guān) React、Redux、ES6 等的精選教程和資源鏈接，旨在為想要了解 React-Redux 生態(tài)系統(tǒng)的人提供高質(zhì)量文章和資源的集合，以及有關(guān)高級(jí)主題和技術(shù)的優(yōu)質(zhì)信息。
18. React Developer Roadmap
Github（17.7k）：https://github.com/adam-golab/react-developer-roadmap
該指南將助你成為一名 React 開(kāi)發(fā)者，它包含了成為一名 React 開(kāi)發(fā)者可以選取的學(xué)習(xí)路徑和倉(cāng)庫(kù)。
19. Awesome React Hooks
Github(8.7k)：https://github.com/rehooks/awesome-react-hooks
一系列關(guān)于 React Hooks 的教程、視頻、播客、工具、自定義 hooks 庫(kù)等。
20. Awesome Next.js
Github(8.1k)：https://github.com/unicodeveloper/awesome-nextjs
關(guān)于使用 Next.js（React 服務(wù)器渲染框架）的書(shū)籍、視頻、文章的精選資源列表。
版權(quán)聲明：本文內(nèi)容由互聯(lián)網(wǎng)用戶(hù)自發(fā)貢獻(xiàn)，該文觀點(diǎn)僅代表作者本人。本站僅提供信息存儲(chǔ)空間服務(wù)，不擁有所有權(quán)，不承擔(dān)相關(guān)法律責(zé)任。如發(fā)現(xiàn)本站有涉嫌抄襲侵權(quán)/違法違規(guī)的內(nèi)容， 請(qǐng)發(fā)送郵件至 舉報(bào)，一經(jīng)查實(shí)，本站將立刻刪除。
