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

語言: CN / TW / HK

theme: hydrogen

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


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

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

1. Awesome React

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

image.png

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

2. React in patterns

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

image.png

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

3. 30 Days Of React

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

image.png

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

4. Real world React apps

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

image.png

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

5. React Bits

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

image.png

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

6. React & Redux in TypeScript - Complete Guide

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

image.png

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

7. Awesome React Components

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

image.png

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

8. ahooks

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

image.png

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

9. Beautiful React Hooks

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

image.png

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

10. React Use

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

image.png

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

11. useHooks

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

image.png

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

12. React+TypeScript Cheatsheets

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

image.png

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

13. ReactJS coding challenges

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

image.png

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

14. React Interview Questions & Answers

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

image.png

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

15. 30 seconds of code

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

image.png

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

16. React hooks cheatsheet

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

image.png

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

17. React/Redux Links

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

image.png

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

18. React Developer Roadmap

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

image.png

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

19. Awesome React Hooks

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

image.png

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

20. Awesome Next.js

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

image.png

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