成为 React 大师的 19 个 GitHub 代码库⚛️🧙

2025-05-28

成为 React 大师的 19 个 GitHub 代码库⚛️🧙

React 是构建交互式 UI 的热门选择之一。如果你不了解可用的资源,学习和掌握 React 可能会很困难。

在本文中,我汇编了一些最有用的 GitHub 存储库,因此您无需申请昂贵的课程和训练营。

我进一步将所有资源按类别分类,从核心库本身到学习、项目、最佳实践、组件、钩子、备忘单、代码片段、面试准备以及其他资源,以便可以学习进一步拓宽您的 React 知识。


核心库

1.反应

⭐ GitHub 星标:189k+

GitHub 徽标 Facebook / React

用于构建用户界面的声明式、高效且灵活的 JavaScript 库。

用于构建用户界面的声明式、高效且灵活的 JavaScript 库。

2. ReactJS 底层原理

⭐ GitHub 星标:4k+

GitHub 徽标 Bogdan-Lyashenko / ReactJS 底层原理

通过可视化块方案解释整个 React 代码库(Stack 版本)

通过可视化块方案解释整个 React 代码库。


学习

3. React 开发者路线图

⭐ GitHub 星标:17k+

GitHub 徽标 adam-golab / react-developer-roadmap

成为 React 开发人员的路线图

成为 React 开发人员的路线图。

4.反应模式

⭐ GitHub 星标:11k+

GitHub 徽标 krasimir / react-in-patterns

一本免费书籍,讨论使用 React 开发时使用的设计模式/技术。

一本免费书籍,讨论使用 React 开发时使用的设计模式/技术。


项目

5. 30天的反应

⭐ GitHub 星标:12k+

GitHub 徽标 Asabeneh / 30天反应

30 天 React 挑战是一份 30 天学习 React 的分步指南。它需要您掌握 HTML、CSS 和 JavaScript 知识。在开始学习 React 之前,您应该已经熟悉 JavaScript。如果您对 JavaScript 不熟悉,请查看 30DaysOfJavaScript。这是 30 天学习 JS 的延续。此挑战可能需要超过 100 天,请按照您自己的节奏进行。

30 天内学​​习 React 的实用分步指南。

6.真实世界的反应应用程序

⭐ GitHub 星标:2k+

GitHub 徽标 jeromedalbert /真实世界反应应用

现实世界中的 React 应用及其开源代码库,供开发人员学习

现实世界的 React 应用程序及其开源代码库供开发人员学习。


最佳实践

7. react-bits

⭐ GitHub 星标:11k+

GitHub 徽标 vasanthk / react-bits

✨ React 模式、技术、技巧和窍门 ✨

反应模式、技术、技巧和窍门。

8. React-redux-typescript 指南

⭐ GitHub 星标:11k+

GitHub 徽标 piotrwitek / react-redux-typescript-guide

使用 TypeScript 在“React 和 Redux”应用中进行静态类型转换的完整指南

一份记录如何使用 React 的最重要的模式和方法的概要。


成分

9. awesome-react-components

⭐ GitHub 星标:29k+

GitHub 徽标 brillout / awesome-react-components

React 组件和库的精选列表。

精选的 React 组件和库列表。

10.特殊情况

⭐ GitHub 星标:1k+

GitHub 徽标 deepsweet / hocs

🍱 React 的高阶组件

React 的高阶组件列表。


钩子

11.反应使用

⭐ GitHub 星标:29k+

GitHub 徽标 streamich / react-use

React Hooks — 👍

大量自定义 React hooks 的集合。

12. beautiful-react-hooks

⭐ GitHub 星标:5k+

GitHub 徽标 antonioru / beautiful-react-hooks

🔥 一系列美观且(希望)有用的 React hooks,可加速您的组件和 hooks 开发 🔥

一组有用的 React hooks 来加速您的组件和 hooks 开发。


备忘单

13. React-cheatsheets

⭐ GitHub 星标:33k+

GitHub 徽标 typescript-cheatsheets / React

为经验丰富的 React 开发人员提供的 TypeScript 入门速查表

为经验丰富的 React 开发人员提供开始使用 TypeScript 的备忘单。

14. React-hooks-备忘单

⭐ GitHub 星标:600+

GitHub 徽标 ohansemmanuel / react-hooks-cheatsheet

🦖 React Hooks 速查表,包含可实时编辑的示例

React hooks 备忘单,包含实时可编辑的示例。


片段

15. 30秒反应

⭐ GitHub 星标:4k+

GitHub 徽标 30秒/ 30秒反应

满足您所有开发需求的简短 React 代码片段

简短的 React 代码片段可满足您的所有开发需求。


采访

16. ReactJS 面试题

⭐ GitHub 星标:21k+

GitHub 徽标 sudheerj / reactjs 面试问题

前 500 个 ReactJS 面试问题和答案列表......编码练习问题即将推出!!

前 500 个 React 面试问题和答案的列表。


挑战

17. React 编码挑战

⭐ GitHub 星标:1k+

GitHub 徽标 alexgurr / React-coding-challenges

一系列具有各种难度的 ReactJS 编码挑战。

一系列具有各种难度的 ReactJS 编码挑战。


资源

18. awesome-react

⭐ GitHub 星标:48k+

GitHub 徽标 enaqx / awesome-react

关于 React 生态系统的精彩内容合集

关于 React 生态系统的精彩内容的集合。

19. react-redux-links

⭐ GitHub 星标:21k+

GitHub 徽标 markerikson / react-redux-links

我收集的关于 React、Redux、ES6 等的精选教程和资源链接

精选有关 React、Redux、ES6 等的教程和资源链接。


奖金

作为附加内容,我想分享几个我自己在学习 React 库时构建的开源项目。我还为这两个项目编写了深入的教程,以便您进一步了解 React 的实际应用示例。

音频播放器

⭐ GitHub 星标:80+

GitHub 徽标 madzadev /音频播放器

🎵 具有自定义控件、播放列表、过滤器和搜索的音乐播放器。

具有自定义控件、播放列表、过滤器和搜索的音乐播放器。

完整教程可在此处获取。

计算器

⭐ GitHub 星标:60+

GitHub 徽标 madzadev /计算器

➗ 带有小数、负值、百分比的计算器。

带有小数、负值和百分比的计算器。

完整教程可在此处获取。


写作一直是我的热情所在,能够帮助和激励他人让我感到快乐。如有任何疑问,欢迎随时联系我们!

在TwitterLinkedInGitHub上联系我

访问我的博客以获取更多类似文章。

文章来源:https://dev.to/madza/19-github-repositories-to-become-a-react-master-379n
PREV
24 个鲜为人知的 HTML 属性,你可能想用一下 ✨📚
NEXT
14 GitHub Repositories to Ace Your JavaScript Interviews 🎯 🚀 General knowledge Preparation handbooks Data structures and algorithms Interview questions Frameworks un libraries