我们好，我是 Echa，那时又是周四啦，提早祝我们周日融洽~

前几日我撷取了Vue自学有关的自学瑰宝和开放源码工程项目，有部份网民朋友圈我有么有React方便快捷的自学瑰宝呢？那时所推荐20个Github炙手可热的React自学瑰宝及开放源码工程项目，助你正式成为 React 元老！音乐创作难于，稳步预览蔬果，hasbro珍藏，非常感谢！专业术语太少说，间接上蔬果：

所推荐13个又炙手可热又新颖的Vue开放源码秘籍库

所推荐7个Vue 3的高颜值UI模块库

科孔12个杰出的QQ小流程开放源码工程项目

概要概要：

1.Awesome React

Github（52.5k）：https://github.com/enaqx/awesome-react

有关 React 生态系的一连串很酷的天然资源。

2. React in patterns

官网地址：

Github(12.1k)：https://github.com/krasimir/react-in-patterns

一本介绍 React 开发设计模式和技术的免费开放源码书籍，该书提供了简体中文版本。

3. 30 Days Of React

Github(17.7k)：https://github.com/Asabeneh/30-Days-Of-React

30 Days Of React 是在 30 天内自学 React 的分步指南。它需要 HTML、CSS 和 JavaScript 知识。

4. Real world React apps

Github(3k)：https://github.com/jeromedalbert/real-world-react-apps

现实世界的 React 应用流程及其开放源码代码库，该库包含了51个React 开放源码工程项目，供开发人员自学。

5. React Bits

官方网址：

Github(14.1k)：https://github.com/vasanthk/react-bits

React Bits 包含 React 设计模式、技术、技巧和窍门，提供了中文版本。

6. React & Redux in TypeScript – Complete Guide

官方网址：

Github（12.7k）：https://github.com/piotrwitek/react-redux-typescript-guide

使用 TypeScript 在 React & Redux 应用流程中进行静态输入的完整指南。本指南记录了如何使用 TypeScript 函数式风格使用 React（及其生态系）的最重要的模式和秘诀。它将帮助你使代码完全类型安全，同时专注于从实现中推断类型。

7. Awesome React Components

Github(33.4k)：https://github.com/brillout/awesome-react-components

一个很酷的 React 模块和库的列表，包含了11个大类。

8. ahooks

官方地址：https://ahooks.js.org/

Github(10.9k)：https://github.com/alibaba/hooks

阿里巴巴开放源码的一套高质量可靠的 React Hooks 库。包含大量提炼自业务的高级 Hooks 和丰富的基础 Hooks。它使用 TypeScript 构建，提供了完整的类型定义文件。

9. Beautiful React Hooks

官方地址：

Github（6.4k）：https://github.com/antonioru/beautiful-react-hooks

Beautiful React Hooks 是可以显著为你提升模块开发和 hooks 开发效率的一连串漂亮的 React hooks。

React hooks 让我们能把模块的业务逻辑抽象到一个可重用的函数里。

根据到目前为止的使用经验，我们发现：我们创建并在内部工程项目之间复用的大多数 hooks 通常都有一些共同的写法，涉及回调引用、事件或是模块生命周期。

发现这一点后，我们尝试把这些常用的写法抽出来放进 beautiful-react-hooks —— 一连串 （说不定） 有用的 React hooks —— 来帮助其他公司和专家们加速他们的开发。

此外，我们创建了简明而稳固的 API，时刻牢记代码可阅读性，专注于保持自学曲线越低越好，以便它们可以被更大的团队撷取和使用。

10. React Use

官方网址：

Github（34.3k）：https://github.com/streamich/react-use

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

11. useHooks

官方地址：https://usehooks.com/

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

useHooks 是一连串易于理解的自定义 React Hook 集合。

12. React+TypeScript Cheatsheets

官方网址：

Github（38.1k）：https://github.com/typescript-cheatsheets/react

为经验丰富的 React 开发人员提供 TypeScript 入门的备忘录。

13. ReactJS coding challenges

Github(2.4k)：https://github.com/alexgurr/react-coding-challenges

ReactJS coding challenges 是一连串具有各种困难的 React 编码挑战。

14. React Interview Questions & Answers

Github（25.6k）：https://github.com/sudheerj/reactjs-interview-questions

300多道React面试题，含答案。

15. 30 seconds of code

官方网址：

Github（4.6k）：https://github.com/30-seconds/30-seconds-of-react

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

16. React hooks cheatsheet

官方网址：

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

带有实时可编辑示例的 React hooks 备忘录 。包含一些可能会遇到的真实案例/问题示例。它包含实际的代码示例，每个示例都模仿了所有的 Hook API。

17. React/Redux Links

Github（21.9k）：https://github.com/markerikson/react-redux-links

React/Redux Links 收集了一些有关 React、Redux、ES6 等的精选教程和天然资源链接，旨在为想要了解 React-Redux 生态系的人提供高质量文章和天然资源的集合，和有关高级主题和技术的优质信息。

18. React Developer Roadmap

Github（17.7k）：https://github.com/adam-golab/react-developer-roadmap

该指南将助你正式成为一名 React 开发者，它包含了正式成为一名 React 开发者可以选取的自学路径和仓库。

19. Awesome React Hooks

Github(8.7k)：https://github.com/rehooks/awesome-react-hooks

一连串有关 React Hooks 的教程、视频、播客、工具、自定义 hooks 库等。

20. Awesome Next.js

Github(8.1k)：https://github.com/unicodeveloper/awesome-nextjs

有关使用 Next.js（React 服务器渲染框架）的书籍、视频、文章的精选天然资源列表。