学习 React 的 7 个 Github 仓库

总结

如果你想掌握 React，这 7 个 Github 仓库是宝贵的学习资源，有大量示例代码和设计模式可供学习。让我们开始吧 👇

1. krasimir/react-in-pattern^[1]

这个仓库包含演示常见 React 设计模式的代码示例。它涵盖了状态管理、异步数据获取、认证等方面的模式。学习这些模式将让你对如何构建可扩展的 React 应用有更深刻的理解。

1. jeromedalbert/real-world-react-apps^[2]

这个仓库收集了复杂的、功能齐全的 React 应用。通过探索社交网络、加密货币投资组合和 Hacker News 克隆等应用的源码，你将看到 React 如何赋予真实应用生命。

1. beautiful-react-hooks^[3]

通过简单且讲解详细的示例，学习如何有效使用 React Hooks如 useState、useEffect、useContext 等。Hooks让你可以将状态和生命周期方法添加到函数组件中，编写更清晰的 React 代码。

1. enaqx/awesome-react^[4]

这个仓库汇集了很棒的 React 资源，包括教程、库和开发工具。它为你指出了 React 生态系统中的状态管理、路由、表单、动画等方面的库。

1. Asabeneh/30-days-of-react^[5]

代码片段和演示，用于学习 React 基础知识和特性。这个仓库通过 30 天模式逐步讲解 React 概念。

1. alexgurr/react-coding-challenges^[6]

通过这些初级到高级的编码练习来提升你的 React 技能。解决这些练习将帮助提高你的 React 编码和问题解决能力。

1. codex-team/editor.js^[7]

通过这个 react 组件 Editor.js 来练习你的技能，它是一个开源文本编辑器，提供各种功能来帮助用户高效地创建和格式化内容。它具有一个现代的、基于区块的界面，允许用户轻松添加和排列不同类型的内容。

结论

通过这 7 个仓库，你将接触到 React 架构模式、实际应用程序、Hooks等等。它们包含大量 React 代码和模式供你在掌握 React 的学习过程中学习。

参考：https://dev.to/taquiimam14/7-github-repositories-to-master-react-446

参考资料

[1]

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

[2]

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

[3]

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

[4]

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

[5]

Asabeneh/30-days-of-react: https://github.com/Asabeneh

[6]

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

[7]

codex-team/editor.js: https://github.com/taqui-786/editor.js