成为 React 大师的 19 个 GitHub 代码库⚛️🧙
React 是构建交互式 UI 的热门选择之一。如果你不了解可用的资源,学习和掌握 React 可能会很困难。
在本文中,我汇编了一些最有用的 GitHub 存储库,因此您无需申请昂贵的课程和训练营。
我进一步将所有资源按类别分类,从核心库本身到学习、项目、最佳实践、组件、钩子、备忘单、代码片段、面试准备以及其他资源,以便可以学习进一步拓宽您的 React 知识。
核心库
1.反应
⭐ GitHub 星标:189k+
用于构建用户界面的声明式、高效且灵活的 JavaScript 库。
2. ReactJS 底层原理
⭐ GitHub 星标:4k+
Bogdan-Lyashenko / ReactJS 底层原理
通过可视化块方案解释整个 React 代码库(Stack 版本)
通过可视化块方案解释整个 React 代码库。
学习
3. React 开发者路线图
⭐ GitHub 星标:17k+
adam-golab / react-developer-roadmap
成为 React 开发人员的路线图
成为 React 开发人员的路线图。
4.反应模式
⭐ GitHub 星标:11k+
krasimir / react-in-patterns
一本免费书籍,讨论使用 React 开发时使用的设计模式/技术。
一本免费书籍,讨论使用 React 开发时使用的设计模式/技术。
项目
5. 30天的反应
⭐ GitHub 星标:12k+
30 天内学习 React 的实用分步指南。
6.真实世界的反应应用程序
⭐ GitHub 星标:2k+
jeromedalbert /真实世界反应应用
现实世界中的 React 应用及其开源代码库,供开发人员学习
现实世界的 React 应用程序及其开源代码库供开发人员学习。
最佳实践
7. react-bits
⭐ GitHub 星标:11k+
vasanthk / react-bits
✨ React 模式、技术、技巧和窍门 ✨
反应模式、技术、技巧和窍门。
8. React-redux-typescript 指南
⭐ GitHub 星标:11k+
piotrwitek / react-redux-typescript-guide
使用 TypeScript 在“React 和 Redux”应用中进行静态类型转换的完整指南
一份记录如何使用 React 的最重要的模式和方法的概要。
成分
9. awesome-react-components
⭐ GitHub 星标:29k+
brillout / awesome-react-components
React 组件和库的精选列表。
精选的 React 组件和库列表。
10.特殊情况
⭐ GitHub 星标:1k+
React 的高阶组件列表。
钩子
11.反应使用
⭐ GitHub 星标:29k+
大量自定义 React hooks 的集合。
12. beautiful-react-hooks
⭐ GitHub 星标:5k+
antonioru / beautiful-react-hooks
🔥 一系列美观且(希望)有用的 React hooks,可加速您的组件和 hooks 开发 🔥
一组有用的 React hooks 来加速您的组件和 hooks 开发。
备忘单
13. React-cheatsheets
⭐ GitHub 星标:33k+
typescript-cheatsheets / React
为经验丰富的 React 开发人员提供的 TypeScript 入门速查表
为经验丰富的 React 开发人员提供开始使用 TypeScript 的备忘单。
14. React-hooks-备忘单
⭐ GitHub 星标:600+
ohansemmanuel / react-hooks-cheatsheet
🦖 React Hooks 速查表,包含可实时编辑的示例
React hooks 备忘单,包含实时可编辑的示例。
片段
15. 30秒反应
⭐ GitHub 星标:4k+
简短的 React 代码片段可满足您的所有开发需求。
采访
16. ReactJS 面试题
⭐ GitHub 星标:21k+
sudheerj / reactjs 面试问题
前 500 个 ReactJS 面试问题和答案列表......编码练习问题即将推出!!
前 500 个 React 面试问题和答案的列表。
挑战
17. React 编码挑战
⭐ GitHub 星标:1k+
alexgurr / React-coding-challenges
一系列具有各种难度的 ReactJS 编码挑战。
一系列具有各种难度的 ReactJS 编码挑战。
资源
18. awesome-react
⭐ GitHub 星标:48k+
enaqx / awesome-react
关于 React 生态系统的精彩内容合集
关于 React 生态系统的精彩内容的集合。
19. react-redux-links
⭐ GitHub 星标:21k+
markerikson / react-redux-links
我收集的关于 React、Redux、ES6 等的精选教程和资源链接
精选有关 React、Redux、ES6 等的教程和资源链接。
奖金
作为附加内容,我想分享几个我自己在学习 React 库时构建的开源项目。我还为这两个项目编写了深入的教程,以便您进一步了解 React 的实际应用示例。
音频播放器
⭐ GitHub 星标:80+
具有自定义控件、播放列表、过滤器和搜索的音乐播放器。
完整教程可在此处获取。
计算器
⭐ GitHub 星标:60+
带有小数、负值和百分比的计算器。
完整教程可在此处获取。
写作一直是我的热情所在,能够帮助和激励他人让我感到快乐。如有任何疑问,欢迎随时联系我们!
访问我的博客以获取更多类似文章。
文章来源:https://dev.to/madza/19-github-repositories-to-become-a-react-master-379n