DEV Community

Cover image for GitHub Repos Essential for Every React Developer
Suraj Vishwakarma
Suraj Vishwakarma

Posted on

GitHub Repos Essential for Every React Developer

Introduction

React is one of the most used frameworks for building frontend today. With many frameworks of React, more options are taking React to the next level. So learning React is a must when learning web development especially when you are involved in frontend development.

Last year’s StackOverflow survey shows that React is the most used web framework for building frontend.

StackOverflow Survey

This shows that NodeJS for Backend and React for frontend has become goto framework for building a web application.

Today, we are going to look into some of the essential React-based GitHub repositories that you can look into to learn and improve in React. It can be beneficial for not only beginners but also intermediate and advanced developers looking to deepen their knowledge and optimize their React applications.

Now, let’s get started.

1. 30 Days of React

30 Days of React challenge is a step-by-step guide to learning React in 30 days.

30 Days of React

The GitHub repository 30-Days-Of-React by Asabeneh offers a comprehensive and structured approach to mastering React in just 30 days. It is a good repository to get started in React. It has a guide that will introduce React and explore more topics related to React.

This project is designed to introduce students to the essentials of React, from basic concepts to advanced techniques. It covers various topics. Including the basics of JavaScript, and building components. Status management and conditional rendering

Here are some of the topics that are covered:

  • JavaScript Refresher
  • Getting Started React
  • Setting Up
  • Components
  • Props
  • List, Map, and Keys
  • Class Components
  • States
  • Conditional Rendering
  • React Project Folder Structure

2. Awesome React

A collection of awesome things regarding the React ecosystem

Awesome React

A resource-heavy repository that covers most of the React ecosystem. It has high-quality React resources, tools, and libraries. It is a regularly maintained repository with more resources added on a regular basis.

It has a variety of categories that include tutorials, best practices, state management solutions, component libraries, and development tools. Awesome React is an essential resource for both new and experienced React developers looking to stay up-to-date with the latest trends and tools in the React ecosystem.

Topics that are covered are:

  • React General Resources
  • React Tutorials
  • React Frameworks
  • React Component Libraries
  • React State Management and Data Fetching
  • React Styling
  • React Routing
  • React Development Tools
  • React Libraries
  • React Testing

3. React Bits

✨ React patterns, techniques, tips and tricks ✨

React Bits

It is a curated collection of useful React patterns, techniques, and best practices. It helps developers in their understanding of React and enhances their coding skills. The repository includes a variety of React components, hooks, and utilities, along with insightful explanations and examples.

Some of the topics covered are:

  • Conditional in JSX
  • Async Nature Of setState()
  • Dependency Injection
  • Context Wrapper
  • Event Handlers
  • Flux Pattern
  • One-Way Data Flow

4. React Typescript Cheatsheet

Cheatsheets for experienced React developers getting started with TypeScript

React Typescript Cheatsheet

It is for the people who are going to use Typescript with React. This repository provides a collection of practical tips, patterns, and best practices for using Typescript with React. It covers various aspects of TypeScript in a React environment, including type definitions, component typing, and state management.

The cheatsheet is maintained regularly. It tries to help developers write type-safe React code with improved quality and enhanced productivity.

Topics that are covered are:

  • Typing Component Props
  • Function Components
  • Hooks
  • Class Components
  • Typing defaultProps
  • Forms and Events
  • Context

5. ReactJS Interview Question

List of top 500 ReactJS Interview Questions & Answers.

ReactJS Interview Question

After learning React is time to prepare for interviews. This repository has a comprehensive collection of interview questions with answers for ReactJS. It covers a wide range of topics from fundamentals to advanced concepts.

Each question is explained in detail with code examples to help in better understanding. This resource is an excellent tool for both job seekers looking to brush up on their React knowledge and interviewers seeking a well-rounded set of questions for evaluating candidates.

It includes questions such as:

  • What is React?
  • The history behind React evolution
  • Major features of React
  • JSX
  • Difference between Element and Component
  • Creating components in React
  • When to use a Class Component over a Function Component

Connect with Me🚀

Let's connect and stay informed on all things tech, innovation, and beyond!

Also, I am open to writing freelance articles if you are interested then contact me over email or social.

Conclusion

The React ecosystem is vast and continuously evolving, with a wide array of resources to help developers enhance their skills and build high-quality applications. By exploring these essential GitHub repositories, you can gain valuable insights into React, ranging from basic concepts to advanced patterns, state management, and even interview preparation.

I hope this article has been helpful to you. Thanks for reading the article.

Top comments (18)

Collapse
 
andrewbaisden profile image
Andrew Baisden

Great more useful React resources thanks for sharing.

Collapse
 
surajondev profile image
Suraj Vishwakarma

Glad that it helps you!

Collapse
 
amlaakso profile image
amlaakso

Nice list, thanks! I can also recommend Bulletproof React for a bit more opinionated take on building React applications.

Collapse
 
vallendraa profile image
len

This is so true, it gives a very structured way to building react apps.

Collapse
 
jacobdev profile image
Jacob Brown

Nice Article!

Collapse
 
surajondev profile image
Suraj Vishwakarma

Glad that you like it

Collapse
 
jimohnurat profile image
JimohNurat

Infact so interesting I wish I could ve know dis earlier but it never too late

Collapse
 
sleepysheep profile image
shy

Great !真不错!

Collapse
 
ricardogesteves profile image
Ricardo Esteves

Nice, thanks for sharing it.

Collapse
 
dmiller72 profile image
David Miller

I appreciate the list of curated resources.

Collapse
 
khanhzz profile image
Pham Khanh

Awesome, thanks

Collapse
 
serhiyandryeyev profile image
Serhiy

Helpful list! Thanks!

Collapse
 
sanjoy_kumarmaity_883f62 profile image
SANJOY KUMAR MAITY

Very informative and updated.Thank you so much

Collapse
 
megagig profile image
ANTHONY OBI

Thank you for this

Collapse
 
surajondev profile image
Suraj Vishwakarma

Awesome!

Collapse
 
michelle_lo profile image
Michelle Lo

Wow! Thanks!

Collapse
 
g5l profile image
Gabriel Debona

Is 30 days of React still a good choice? I noticed that most of the files haven't been updated in four years

Some comments may only be visible to logged-in visitors. Sign in to view all comments.