19 GitHub Repositories to Become a React Master ⚛️🧙

19 GitHub Repositories to Become a React Master ⚛️🧙

·

3 min read

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.

Core library

1. react

⭐ GitHub stars: 189k+

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

2. under-the-hood-reactjs

⭐ GitHub stars: 4k+

Entire React codebase explanation by visual block schemes.

Learning

3. react-developer-roadmap

⭐ GitHub stars: 17k+

Roadmap to becoming a React developer.

4. react-in-patterns

⭐ GitHub stars: 11k+

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

Projects

5. 30-days-of-react

⭐ GitHub stars: 12k+

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

6. real-world-react-apps

⭐ GitHub stars: 2k+

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

Best practices

7. react-bits

⭐ GitHub stars: 11k+

React patterns, techniques, tips, and tricks.

8. react-redux-typescript-guide

⭐ GitHub stars: 11k+

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

Components

9. awesome-react-components

⭐ GitHub stars: 29k+

A curated list of React components & libraries.

10. hocs

⭐ GitHub stars: 1k+

The list of higher-order components for React.

Hooks

11. react-use

⭐ GitHub stars: 29k+

A great collection of custom React hooks.

12. beautiful-react-hooks

⭐ GitHub stars: 5k+

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

Cheatsheets

13. react-cheatsheets

⭐ GitHub stars: 33k+

Cheatsheets for experienced React developers getting started with TypeScript.

14. react-hooks-cheatsheet

⭐ GitHub stars: 600+

React hooks cheatsheet with live editable examples.

Snippets

15. 30-seconds-of-react

⭐ GitHub stars: 4k+

Short React code snippets for all your development needs.

Interviews

16. reactjs-interview-questions

⭐ GitHub stars: 21k+

List of top 500 React interview questions and answers.

Challenges

17. react-coding-challenges

⭐ GitHub stars: 1k+

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

Resources

18. awesome-react

⭐ GitHub stars: 48k+

A collection of awesome things regarding React ecosystem.

⭐ GitHub stars: 21k+

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

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

⭐ GitHub stars: 80+

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

The full-length tutorial is available here.

calculator

⭐ GitHub stars: 60+

Calculator with decimals, negative values, and percentages.

The full-length tutorial is available here.


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, LinkedIn and GitHub!

Visit my Blog for more articles like this.

Did you find this article valuable?

Support Madza's blog by becoming a sponsor. Any amount is appreciated!