10个开源项目帮你成为React高手

1,807 阅读2分钟

2022年都快过去了,技术圈越来越卷,一个个都成了卷心菜了,而你面试的时候还在说只会 Vue,没接触过 React,多多少少有点减分啊。又或者你已经用了许久的 React 了,但是还是只停留在初级层次,完成一些简单的任务,对渲染优化,底层原理一无所知,也是说不过去吧,毕竟都已经是 React 技术栈的人了,怎么也得往高手发展一下,对不。那么到底怎么才能成长为一个 React 高手呢,今天这10个开源项目,就是帮助你的,这些项目绝对值得你好好的花时间研究一下。

项目列表

  • Awesome React
  • React in Patterns
  • 30 Days Of React
  • Real-world React Apps
  • React Bits
  • React & Redux in TypeScript of Complete Guide
  • Awesome React Components
  • Ahooks
  • Beautiful React Hooks
  • React Use

1. Awesome React

⭐ Github stars: 49k +

github.com/enaqx/aweso…

这个项目是一系列 React 知识的结合,真真的从 React 的普通使用,到路由,组件库,状态管理等等,方方面面一应俱全,随便截个图感受一下吧。

image.png

2. React in Patterns

⭐ Github stars: 11k +

github.com/krasimir/re…

这个项目是一本开源电子书,讲解用 React 开发时所用的设计模式和技术,更难得的是,支持中文。

3.30 Days Of React

⭐ Github stars: 4k +

github.com/Asabeneh/30…

30天 React 挑战,非常适合新手的开源项目,会从零基础开始讲起,一点点的教你 React 的知识,而且刚开始还会讲很多实用的 js 知识,非常棒的入门项目。

4.Real-world React Apps

⭐ Github stars: 2k +

github.com/jeromedalbe…

这个项目是提供了一些开源的代码仓库来供开发者学习的。

5.React Bits

⭐ Github stars: 12k +

github.com/vasanthk/re…

React 设计模式与技术的集合,支持中文。

6.React & Redux in TypeScript of Complete Guide

⭐ Github stars: 12k +

github.com/piotrwitek/…

通过 TypeScript 开发 React 和 Redux 的实用教程。

7.Awesome React Components

⭐ Github stars: 3k +

github.com/brillout/aw…

这是个开源的 React 组件库集合。

8.Ahooks

⭐ Github stars: 10k +

github.com/alibaba/hoo…

这也是个名气很大的项目,想学好 React Hooks 必看。

9.Beautiful React Hooks

⭐ Github stars: 5.7k +

github.com/antonioru/b…

一组 React Hooks 的集合,能帮助开发者更快的实现组件和 hooks。

10.React Use

⭐ Github stars: 30k +

github.com/streamich/r…

React Hooks 的集合,有完善的文档。