19 GitHub Repositories to Become a React Master ⚛️🧙
Tags: webdev, react, github, frontend
Published: 2022-05-31 16:11:10

---
title: 19 GitHub Repositories to Become a React Master ⚛️🧙
published: true
description: 
tags: webdev, react, github, frontend
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bfqnrt6i96wtdkpa6xgi.png
canonical_url: https://madza.hashnode.dev/19-github-repositories-to-become-a-react-master
---
React is among the most popular choices to build interactive UIs. Learning and mastering it can be challenging if you are not aware of the resources that are available to you. 

In this article I have compiled some of the most useful GitHub repositories, so you don't need to apply for expensive courses and boot camps.

I have further sorted all the resources into categories from the core library itself to learning, projects, best practices, components, hooks, cheatsheets, snippets, preparing for interviews, as well as additional resources so can study to broaden your React knowledge even more.

<hr />

## Core library

### 1. [react](https://github.com/facebook/react)

> ⭐ GitHub stars: 189k+

{% github https://github.com/facebook/react no-readme %}

A declarative, efficient, and flexible JavaScript library for building user interfaces.

### 2. [under-the-hood-reactjs](https://github.com/Bogdan-Lyashenko/Under-the-hood-ReactJS)

> ⭐ GitHub stars: 4k+

{% github https://github.com/Bogdan-Lyashenko/Under-the-hood-ReactJS no-readme %}

Entire React codebase explanation by visual block schemes.

<hr />

## Learning

### 3. [react-developer-roadmap](https://github.com/adam-golab/react-developer-roadmap)

> ⭐ GitHub stars: 17k+

{% github https://github.com/adam-golab/react-developer-roadmap no-readme %}

Roadmap to becoming a React developer.

### 4. [react-in-patterns](https://github.com/krasimir/react-in-patterns)

> ⭐ GitHub stars: 11k+

{% github https://github.com/krasimir/react-in-patterns no-readme %}

A free book that talks about design patterns/techniques used while developing with React.

<hr />

## Projects

### 5. [30-days-of-react](https://github.com/Asabeneh/30-Days-Of-React)

> ⭐ GitHub stars: 12k+

{% github https://github.com/Asabeneh/30-Days-Of-React no-readme %}

A practical step-by-step guide to learning React in 30 days.

### 6. [real-world-react-apps](https://github.com/jeromedalbert/real-world-react-apps/tree/master/apps)

> ⭐ GitHub stars: 2k+

{% github https://github.com/jeromedalbert/real-world-react-apps no-readme %}

Real-world React apps and their open-source codebases for developers to learn from.

<hr />

## Best practices

### 7. [react-bits](https://github.com/vasanthk/react-bits)

> ⭐ GitHub stars: 11k+

{% github https://github.com/vasanthk/react-bits no-readme %}

React patterns, techniques, tips, and tricks.

### 8. [react-redux-typescript-guide](https://github.com/piotrwitek/react-redux-typescript-guide)

> ⭐ GitHub stars: 11k+

{% github https://github.com/piotrwitek/react-redux-typescript-guide no-readme %}

A compendium documenting the most important patterns and recipes on how to use React.

<hr />

## Components

### 9. [awesome-react-components](https://github.com/brillout/awesome-react-components)

> ⭐ GitHub stars: 29k+

{% github https://github.com/brillout/awesome-react-components no-readme %}

A curated list of React components & libraries.

### 10. [hocs](https://github.com/deepsweet/hocs)

> ⭐ GitHub stars: 1k+

{% github https://github.com/deepsweet/hocs no-readme %}

The list of higher-order components for React.

<hr />

## Hooks

### 11. [react-use](https://github.com/streamich/react-use)

> ⭐ GitHub stars: 29k+

{% github https://github.com/streamich/react-use no-readme %}

A great collection of custom React hooks.

### 12. [beautiful-react-hooks](https://github.com/antonioru/beautiful-react-hooks)

> ⭐ GitHub stars: 5k+

{% github https://github.com/antonioru/beautiful-react-hooks no-readme %}

A collection of useful React hooks to speed up your components and hooks development.

<hr />

## Cheatsheets

### 13. [react-cheatsheets](https://github.com/typescript-cheatsheets/react)

> ⭐ GitHub stars: 33k+

{% github https://github.com/typescript-cheatsheets/react no-readme %}

Cheatsheets for experienced React developers getting started with TypeScript.

### 14. [react-hooks-cheatsheet](https://github.com/ohansemmanuel/react-hooks-cheatsheet)

> ⭐ GitHub stars: 600+

{% github https://github.com/ohansemmanuel/react-hooks-cheatsheet no-readme %}

React hooks cheatsheet with live editable examples.

<hr />

## Snippets

### 15. [30-seconds-of-react](https://github.com/30-seconds/30-seconds-of-react)

> ⭐ GitHub stars: 4k+

{% github https://github.com/30-seconds/30-seconds-of-react no-readme %}

Short React code snippets for all your development needs.

<hr />

## Interviews

### 16. [reactjs-interview-questions](https://github.com/sudheerj/reactjs-interview-questions)

> ⭐ GitHub stars: 21k+

{% github https://github.com/sudheerj/reactjs-interview-questions no-readme %}

List of top 500 React interview questions and answers.

<hr />

## Challenges

### 17. [react-coding-challenges](https://github.com/alexgurr/react-coding-challenges)

> ⭐ GitHub stars: 1k+

{% github https://github.com/alexgurr/react-coding-challenges no-readme %}

A series of ReactJS coding challenges with a variety of difficulties.

<hr />

## Resources

### 18. [awesome-react](https://github.com/enaqx/awesome-react)

> ⭐ GitHub stars: 48k+

{% github https://github.com/enaqx/awesome-react no-readme %}

A collection of awesome things regarding React ecosystem.

### 19. [react-redux-links](https://github.com/markerikson/react-redux-links)

> ⭐ GitHub stars: 21k+

{% github https://github.com/markerikson/react-redux-links no-readme %}

Curated tutorial and resource links on React, Redux, ES6, and more.

<hr />

## Bonus

As bonus material, I want to share a couple of my own open-source React projects that I built while learning the library. I've also written in-depth tutorials for both, so you can get further insight into what practical examples of working in React looks like.

### [audio-player](https://github.com/madzadev/audio-player)

> ⭐ GitHub stars: 80+

{% github https://github.com/madzadev/audio-player no-readme %}

Music player with custom controls, playlist, filters, and search.

The full-length tutorial is available [here](https://www.madza.dev/blog/how-i-built-an-audio-player-to-showcase-my-own-tracks).

### [calculator](https://github.com/madzadev/calculator)

> ⭐ GitHub stars: 60+

{% github https://github.com/madzadev/calculator no-readme %}

Calculator with decimals, negative values, and percentages.

The full-length tutorial is available [here](https://www.madza.dev/blog/how-to-build-a-react-calculator-from-scratch).

<hr>

Writing has always been my passion and it gives me pleasure to help and inspire people. If you have any questions, feel free to reach out!

Connect me on [Twitter](https://twitter.com/madzadev), [LinkedIn](https://www.linkedin.com/in/madzadev/) and [GitHub](https://github.com/madzadev)!

Visit my [Blog](https://madza.dev/blog) for more articles like this.