Nắm vững ReactJS với GitHub Repositories xịn xò
20 Trang github giúp bạn master ReactJS - 20 GitHub Repositories to Become a React Master
Tuesday, August 29, 2023
20 Trang github giúp bạn master ReactJS =)) - 20 GitHub Repositories to Become a React Master
Table of Contents
- Awesome React ⭐ Github Stars: 49k +
- React in Patterns ⭐ 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
⭐ Github stars: 49k +
A collection of awesome things regarding the React ecosystem.
React in Patterns
⭐ Github stars: 11k +
📚 A free book about design patterns/techniques used while developing with React.
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.
Real-world React Apps
⭐ Github stars: 2k +
Real-world React apps and their open-source codebases for developers to learn from.
React Bits
⭐ Github stars: 12k +
✨ React patterns, techniques, tips, and tricks ✨
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.
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.
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
Beautiful React Hooks
⭐ Github stars: 5.7k +
A collection of attractive and (hopefully) useful React hooks to help you write components and hooks faster.
React Use
⭐ Github stars: 30k +
The essential collection of custom React Hooks, complete with documentation.
UseHooks
⭐ Github stars: 3.6k +
Recipes for React Hook code that are simple to grasp.
React TypeScript Cheatsheets
⭐ Github stars: 34.8k +
Cheatsheets for experienced React developers getting started with TypeScript.
React Coding Challenges
⭐ Github stars: 1.9k +
A series of ReactJS coding challenges with a variety of difficulties.
React Interview Questions & Answers
⭐ Github stars: 1.9k +
List of top 500 ReactJS Interview Questions & Answers….Coding exercise questions are coming soon!!
30 Seconds of React
⭐ Github stars: 4.3k +
- Short React code snippets for all your development needsVisit 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 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 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.
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.
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.
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?”
Awesome React Hooks
⭐ Github stars: 8.2K+
The essential collection of custom React Hooks, complete with documentation.
Awesome Next.js
⭐ Github stars: 7.5K+
A selected assortment of books, videos, and articles about Next.js, the React server's rendering framework.