20 GitHub Repositories to Become a React Master
Tags: react, javascript, webdev, beginners
Published: 2022-08-04 12:24:00

![20 GitHub Repositories to Become a React Master](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5859cxal6d3evbjiltqf.png)
 
_If you are just starting off with React, this article is well worth your time to read and bookmark. These 20 React Github repositories will undoubtedly assist you in becoming a React Master._

[I'm a full-time Freelancer. Hire me on Upwork.](https://www.upwork.com/freelancers/~01bf20ea68fc1c3a9a)


## Table of Contents

- **[Awesome React](#how-to-become-a-react-master-1) ⭐ Github Stars: 49k +**
- **[React in Patterns](#how-to-become-a-react-master-2) ⭐ Github Stars: 11k +**
*   **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**
*   **UseHooks**
*   **React TypeScript Cheatsheets**
*   **ReactJS coding challenges**
*   **React Interview Questions & Answers**
*   **30 seconds of react**
*   **React Hooks Cheatsheet**
*   **React/Redux Links**
*   **React Developer Roadmap**
*   **Awesome React Hooks**
*   **Awesome Next.js**

## Awesome React <a name="how-to-become-a-react-master-1"></a>

⭐ Github Stars: 49k +

_A collection of awesome things regarding the React ecosystem._

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

## React in Patterns <a name="how-to-become-a-react-master-2"></a>

*⭐ Github stars: 11k +*

_📚 A free book about design patterns/techniques used while developing with [React](https://facebook.github.io/react/)._

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

## 30 Days Of React

*⭐ Github stars: 4k +*

_30 Days of React challenge is a step-by-step guide to learning React in 30 days. It requires HTML, CSS, and JavaScript knowledge. It would be best if you were comfortable with JavaScript before starting React._

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

## Real-world React Apps

*⭐ Github stars: 2k +*

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

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

## React Bits

*⭐ Github stars: 12k +*

_✨ React patterns, techniques, tips, and tricks ✨_

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

## React & Redux in TypeScript of Complete Guide

*⭐ Github stars: 12k +*

_A comprehensive approach to utilizing TypeScript for static input in React and Redux apps. This tutorial details the most significant patterns and secrets for using TypeScript to leverage React (and its ecosystem) in a functional approach. It will assist you in making your code completely type-safe while focusing on inferring types from implementation._

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

## Awesome React Components

*⭐ Github stars: 3k +*

This is an AWESOME list of components. No, this is not an exhaustive list of every React component under the sun. So, what exactly does “great” mean? Well:

*   It addresses a genuine issue.
*   It performs things in an unusual, attractive, or extraordinary manner. (And it’s not very well-known or popular… there’s no use in including those.)
*   It has recently committed code!
*   For genuinely great creations, look for a. In addition, watch for quickie maintainer remarks and reviews in (italic parens) after several note listings.

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

## Ahooks

*⭐ Github stars: 10k +*

A high-quality & reliable React Hooks library.

*   Easy to learn and use
*   Supports SSR
*   Special treatment for functions, avoid closure problems
*   It contains a large number of advanced Hooks that are refined from business scenarios
*   Includes a comprehensive collection of bare Hooks
*   Written in TypeScript with predictable, static types

{% embed https://github.com/alibaba/hooks %}

## Beautiful React Hooks

*⭐ Github stars: 5.7k +*

A collection of attractive and (hopefully) useful React hooks to help you write components and hooks faster.

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

## React Use

*⭐ Github stars: 30k +*

The essential collection of custom React Hooks, complete with documentation.

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

## UseHooks

*⭐ Github stars: 3.6k +*

Recipes for React Hook code that are simple to grasp.

{% embed https://github.com/uidotdev/usehooks %}

## React TypeScript Cheatsheets

*⭐ Github stars: 34.8k +*

Cheatsheets for experienced React developers getting started with TypeScript.

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

## React Coding Challenges

*⭐ Github stars: 1.9k +*

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

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

## React Interview Questions & Answers

*⭐ Github stars: 1.9k +*

List of top 500 ReactJS Interview Questions & Answers….Coding exercise questions are coming soon!!

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

## 30 Seconds of React

*⭐ Github stars: 4.3k +*

*Short React code snippets for all your development needs*

*   Visit [our website](https://30secondsofcode.org/) to view our snippet collection.
*   Use the [Search page](https://30secondsofcode.org/search) to find snippets that suit your needs. You can search by name, tag, language, or a snippet’s description. Just start typing a term and see what comes up.
*   Browse the [React Snippet collection](https://30secondsofcode.org/react/p/1) to see all the snippets in this project, or click individual tags at the top of the same page to narrow your search to a specific title.
*   Click on each snippet card to view the whole snippet, including code, explanation, and examples.
*   You can use the button at the bottom of a snippet card to view the snippet in Codepen.
*   If you like the project, give it a star. It means a lot to the people maintaining it.

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

## React Hooks Cheatsheet

*⭐ Github stars: 655+*

A Cheatsheet with live editable examples 💪

*   A one-stop reference for the React hooks APIs
*   Doesn’t replace the official docs.
*   However, it contains actual code examples, each mimicking all APIs of hooks.
*   It includes some real-world examples of cases/issues you’ll likely run into
*   Most importantly, the cheatsheet contains live editable codes.

[

## GitHub - ohansemmanuel/react-hooks-cheatsheet: 🦖 React hooks cheatsheet with live editable…

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

## React/Redux Links

*⭐ Github stars: 21.6K+*

Curated tutorial and resource links I’ve collected on React, Redux, ES6, and more, meant to be a collection of high-quality articles and resources for someone who wants to learn about the React-Redux ecosystem as a source for quality information on advanced topics and techniques. Not quite “awesome,” but hopefully useful as a starting point, I can give others. Suggestions welcome.

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

## React Developer Roadmap

*⭐ Github stars: 17K+*

Below you can find a chart demonstrating the paths you can take and the libraries you would want to learn to become a React developer. I made this chart as a tip for everyone who asks me, “What should I learn next as a React developer?”

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

## Awesome React Hooks

*⭐ Github stars: 8.2K+*

The essential collection of custom React Hooks, complete with documentation.

{% embed https://github.com/rehooks/awesome-react-hooks %}

## Awesome Next.js

*⭐ Github stars: 7.5K+*

A selected assortment of books, videos, and articles about Next.js, the React server's rendering framework.

{% embed https://github.com/unicodeveloper/awesome-nextjs %}

## Remote Jobs
- [Remote Senior Front-End Developer
](https://remote.camp/remote-senior-front-end-developer-76673fb4fc92)

- [Remote Senior Shopify Developer (Remote + Flexible)](https://remote.camp/senior-shopify-developer-remote-flexible-remotecamp-remote-job-8bfed0ce4f8d)

## Give Me Great Power

**_[I'm a full-time Freelancer. Hire me on Upwork.](https://www.upwork.com/freelancers/~01bf20ea68fc1c3a9a)_**

**_Writing has always been my passion, and it gives me the pleasure of helping and inspiring people. If you have any questions, feel free to reach out!_**

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