20 GitHub Repositories to Become a React Master
⭐ Github stars: 49k +
A collection of awesome things regarding the React ecosystem.
GitHub — enaqx/awesome-react: A collection of awesome things regarding React ecosystem
A collection of awesome things regarding React ecosystem — GitHub — enaqx/awesome-react: A collection of awesome things…
⭐ Github stars: 11k +
📚 A free book about design patterns/techniques used while developing with React.
GitHub — krasimir/react-in-patterns: A free book about design patterns/techniques used…
A free book that talks about design patterns/techniques used while developing with React. — GitHub …
⭐ 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 you start to React.
GitHub — Asabeneh/30-Days-Of-React: 30 Days of React challenge is a step-by-step learning guide…
30 Days of React challenge is a step-by-step guide to learning React in 30 days. It requires HTML, CSS, and JavaScript…
⭐ Github stars: 2k +
Real-world React apps and their open-source codebases for developers to learn from.
GitHub — jeromedalbert/real-world-react-apps: Real-world React apps and their open-source codebases…
Real-world React apps and their open-source codebases for developers to learn from Learn from React apps written by…
5. React Bits
⭐ Github stars: 12k +
✨ React patterns, techniques, tips, and tricks ✨
GitHub — vasanthk/react-bits: ✨ React patterns, techniques, tips, and tricks ✨
A compilation of React Patterns, techniques, tips, and tricks. Gitbook format: https://vasanthk.gitbooks.io/react-bits…
6. React & Redux in TypeScript — 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 utilizing 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.
GitHub — piotrwitek/react-redux-typescript-guide: The complete guide to static typing in “React &…
“This guide is a living compendium documenting the most important patterns and recipes on how to use React (and its…
⭐ 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.
GitHub — brillout/awesome-react-components: Curated List of React Components & Libraries.
Curated List of React Components & Libraries. Contribute to brillout/awesome-react-components development by creating…
8. 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
- Contains a large number of advanced Hooks that are refined from business scenarios
- Contains a comprehensive collection of basic Hooks
- Written in TypeScript with predictable static types
GitHub — alibaba/hooks: A high-quality & reliable React Hooks library.
Easy to learn and use Supports SSR Special treatment for functions, avoid closure problems Contains a large number of…
⭐ Github stars: 5.7k +
A collection of attractive and (hopefully) useful React hooks to help you write components and hooks faster.
GitHub — antonioru/beautiful-react-hooks: 🔥 A collection of beautiful and (hopefully) useful React…
🔥 A collection of beautiful and (hopefully) useful React hooks to speed-up your components and hooks development 🔥 …
10. React Use
⭐ Github stars: 30k +
The essential collection of custom React Hooks, complete with documentation.
GitHub — streamich/react-use: React Hooks — 👍
React Hooks — 👍. Contribute to streamich/react-use development by creating an account on GitHub.
11. useHooks
⭐ Github stars: 3.6k +
Recipes for React Hook code that are simple to grasp.
GitHub — uidotdev/usehooks: Easy to understand React Hook code recipes
This is the repository for usehooks.com, a Gatsby powered blog that publishes easy to understand React Hook code…
12. React TypeScript Cheatsheets
⭐ Github stars: 34.8k +
Cheatsheets for experienced React developers getting started with TypeScript.
GitHub — typescript-cheatsheets/react: Cheatsheets for experienced React developers getting started…
Cheatsheets for experienced React developers getting started with TypeScript 👋 This repo is maintained by @swyx…
⭐ Github stars: 1.9k +
A series of ReactJS coding challenges with a variety of difficulties.
GitHub — alexgurr/react-coding-challenges: A series of ReactJS coding challenges with a variety of…
We’re looking for people to come and help work on the latest challenge Coinbee. If you’re interested, get in touch via…
14. React Interview Questions & Answers
⭐ Github stars: 1.9k +
List of top 500 ReactJS Interview Questions & Answers….Coding exercise questions are coming soon!!
GitHub — sudheerj/reactjs-interview-questions: List of top 500 ReactJS Interview Questions &…
List of top 500 ReactJS Interview Questions & Answers….Coding exercise questions are coming soon!! — GitHub …
15. 30 seconds of react
⭐ Github stars: 4.3k +
Short React code snippets for all your development needs
- Visit our website to view our snippet collection.
- Use the Search page to find snippets that suit your needs. You can search by name, tag, language, or using a snippet’s description. Just start typing a term and see what comes up.
- Browse the React Snippet collection to see all the snippets in this project or click individual tags at the top of the same page to narrow down your search to a specific tag.
- 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.
GitHub — 30-seconds/30-seconds-of-react: Short React code snippets for all your development needs
Short React code snippets for all your development needs Visit our website to view our snippet collection. Use the…
⭐ 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.
- Contains 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…
A Cheatsheet with live editable examples 💪 A one-stop reference for the React hooks APIs Doesn’t replace the official…
17. 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 well as a source for quality information on advanced topics and techniques. Not quite “awesome”, but hopefully useful as a starting point, I can give to others. Suggestions welcome.
GitHub — markerikson/react-redux-links: Curated tutorial and resource links I’ve collected on…
Curated tutorial and resource links I’ve collected on React, Redux, ES6, and more, meant to be a collection of…
⭐ Github stars: 17K+
Below you can find a chart demonstrating the paths that you can take and the libraries that 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?”
GitHub — adam-golab/react-developer-roadmap: Roadmap to becoming a React developer
README in Chinese README in Japanese README in Korean README in Portuguese (Brazil) README in Russian README in Spanish…
⭐ Github stars: 8.2K+
The essential collection of custom React Hooks, complete with documentation.
GitHub — rehooks/awesome-react-hooks: Awesome React Hooks
Awesome React Hooks Resources @21kb/react-hooks A set of React Hooks to get hooked on. @d2k/react-devto React hook for…
20. Awesome Next.js
⭐ Github stars: 7.5K+
A selected assortment of books, videos, and articles about Next.js, the server rendering framework for React.
GitHub — unicodeveloper/awesome-nextjs: A curated list of awesome resources : books, videos…
notebook_with_decorative_cover: :books: A curated list of awesome resources : books, videos, articles about using…
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!
