20個GitHub倉庫助你成為React大師

---

theme: hydrogen

持續創作，加速成長！這是我參與「掘金日新計劃 · 6 月更文挑戰」的第 2 天，點選檢視活動詳情

---

大家好，我是CUGGZ，明天就是端午節啦，提前祝大家端午節快樂鴨！

今天來分享20個很棒的 React 倉庫，助你成為 React 大師！

1. Awesome React

關於 React 生態系統的一系列很棒的資源。

Github：https://github.com/enaqx/awesome-react

2. React in patterns

React in patterns是介紹React開發設計模式和技術的免費開源書籍。該書提供了簡體中文版本。

Github：https://github.com/krasimir/react-in-patterns

3. 30 Days Of React

30 Days Of React 是在 30 天內學習 React 的分步指南。它需要 HTML、CSS 和 JavaScript 知識。在開始 React 之前，應該熟悉 JavaScript。

Github：https://github.com/Asabeneh/30-Days-Of-React

4. Real world React apps

現實世界的 React 應用程式及其開原始碼庫，供開發人員學習。該庫包含了51個React開源專案。

Github：https://github.com/jeromedalbert/real-world-react-apps

5. React Bits

React Bits 包含 React 設計模式、技術、技巧和竅門，該庫也提供了中文版。

Github：https://github.com/vasanthk/react-bits

6. React & Redux in TypeScript - Complete Guide

使用 TypeScript 在“React & Redux”應用程式中進行靜態輸入的完整指南。本指南記錄瞭如何使用TypeScript以函式式風格使用React（及其生態系統）的最重要的模式和祕訣。它將幫助你使程式碼完全型別安全，同時專注於從實現中推斷型別。

Github：https://github.com/piotrwitek/react-redux-typescript-guide

7. Awesome React Components

這是一個很棒的React元件和庫的列表，包含了11個大類。

Github：https://github.com/brillout/awesome-react-components

8. ahooks

阿里巴巴開源的一套高質量可靠的 React Hooks 庫。包含大量提煉自業務的高階 Hooks以及豐富的基礎 Hooks。它使用 TypeScript 構建，提供完整的型別定義檔案。

Github：https://github.com/alibaba/hooks

9. Beautiful React Hooks

Beautiful React Hooks 是可以顯著為你提升元件開發和 hooks 開發效率的一系列漂亮的 React hooks。

Github：https://github.com/antonioru/beautiful-react-hooks

10. React Use

必不可少的自定義 React Hooks集合，提供了中文文件。

Github：https://github.com/streamich/react-use

11. useHooks

useHooks 是一系列易於理解的自定義 React Hook。

Github：https://github.com/uidotdev/usehooks

12. React+TypeScript Cheatsheets

為經驗豐富的 React 開發人員提供 TypeScript 入門的備忘單。

Github：https://github.com/typescript-cheatsheets/react

13. ReactJS coding challenges

ReactJS coding challenges 是一系列具有各種困難的 ReactJS 編碼挑戰。

Github：https://github.com/alexgurr/react-coding-challenges

14. React Interview Questions & Answers

300多道React面試題，含答案。

Github：https://github.com/sudheerj/reactjs-interview-questions

15. 30 seconds of code

滿足你所有開發需求的簡短 React 程式碼片段。

Github：https://github.com/30-seconds/30-seconds-of-react

16. React hooks cheatsheet

帶有實時可編輯示例的 React hooks 備忘單 。包含一些可能會遇到的真實案例/問題示例，它包含實際的程式碼示例，每個示例都模仿了所有的Hook API。

Github：https://github.com/ohansemmanuel/react-hooks-cheatsheet

17. React/Redux Links

React/Redux Links 收集了一些有關 React、Redux、ES6 等的精選教程和資源連結，旨在為想要了解 React-Redux 生態系統的人提供高質量文章和資源的集合，以及有關高階主題和技術的優質資訊。

Github：https://github.com/markerikson/react-redux-links

18. React Developer Roadmap

該指南將助你成為一名 React 開發者，它包含了成為一名React開發者可以選取的學習路徑以及可以學習的庫。

Github：https://github.com/adam-golab/react-developer-roadmap

19. Awesome React Hooks

一系列關於React Hooks 的教程、視訊、播客、工具、自定義hooks庫等。

Github：https://github.com/rehooks/awesome-react-hooks

20. Awesome Next.js

關於使用 Next.js（通用伺服器渲染 React 應用程式的簡約框架）的書籍、視訊、文章的精選資源列表。

Github：https://github.com/unicodeveloper/awesome-nextjs