React là một trong những lựa chọn phổ biến nhất để xây dựng giao diện người dùng tương tác. Học và làm chủ nó có thể là một thách thức nếu bạn không biết về các nguồn sẵn có cho mình.

Trong bài viết này, tôi đã tổng hợp một số kho lưu trữ GitHub hữu ích nhất, vì vậy bạn không cần phải đăng ký các khóa học và chương trình đào tạo đắt tiền.

Tôi đã sắp xếp thêm tất cả các tài nguyên thành các danh mục từ chính thư viện cốt lõi đến học tập, dự án, phương pháp hay nhất, các thành phần, hook, cheatsheets, đoạn trích, chuẩn bị cho các cuộc phỏng vấn, cũng như các tài nguyên bổ sung để có thể nghiên cứu để mở rộng kiến ​​thức React của bạn hơn nữa.

1. react

⭐ GitHub stars: 189k+

GitHub - facebook/react: A declarative, efficient, and flexible JavaScript library for building user interfaces. A declarative, efficient, and flexible JavaScript library for building user interfaces. - GitHub - facebook/react: A declarative, efficient, and flexi... github.com A declarative, efficient, and flexible JavaScript library for building user interfaces.

2. under-the-hood-reactjs

⭐ GitHub stars: 4k+

GitHub - Bogdan-Lyashenko/Under-the-hood-ReactJS: Entire React code base explanation by visual block schemes (Stack version) Entire React code base explanation by visual block schemes (Stack version) - GitHub - Bogdan-Lyashenko/Under-the-hood-ReactJS: Entire React code base... github.com Entire React codebase explanation by visual block schemes.

Learning

3. react-developer-roadmap

⭐ GitHub stars: 17k+

GitHub - adam-golab/react-developer-roadmap: Roadmap to becoming a React developer Roadmap to becoming a React developer. Contribute to adam-golab/react-developer-roadmap development by creating an account on GitHub. github.com Roadmap to becoming a React developer.

4. react-in-patterns

⭐ GitHub stars: 11k+

GitHub - krasimir/react-in-patterns: A free book that talks about design patterns/techniques used while developing with React. A free book that talks about design patterns/techniques used while developing with React. - GitHub - krasimir/react-in-patterns: A free book that talk... github.com A free book that talks about design patterns/techniques used while developing with React.

Projects

5. 30-days-of-react

⭐ GitHub stars: 12k+

GitHub - Asabeneh/30-Days-Of-React: 30 Days of React challenge is a step by step guide to learn React in 30 days. It requires HTML, CSS, and JavaScript knowledge. You should be comfortable with JavaScript before you start to React. If you are not comfortable with JavaScript check out 30DaysOfJavaScript. This is a continuation of 30 Days Of JS. This challenge may take more than 100 days, follow your own pace. 30 Days of React challenge is a step by step guide to learn React in 30 days. It requires HTML, CSS, and JavaScript knowledge. You should be comforta... github.com A practical step-by-step guide to learning React in 30 days.

6. real-world-react-apps

⭐ GitHub stars: 2k+

real-world-react-apps/apps at master · jeromedalbert/real-world-react-apps Real world React apps and their open source codebases for developers to learn from - real-world-react-apps/apps at master · jeromedalbert/real-world-r... github.com Real-world React apps and their open-source codebases for developers to learn from.

Best practices

7. react-bits

⭐ GitHub stars: 11k+

GitHub - vasanthk/react-bits: ✨ React patterns, techniques, tips and tricks ✨ ✨ React patterns, techniques, tips and tricks ✨. Contribute to vasanthk/react-bits development by creating an account on GitHub. github.com React patterns, techniques, tips, and tricks.

8. react-redux-typescript-guide

⭐ GitHub stars: 11k+

GitHub - piotrwitek/react-redux-typescript-guide: The complete guide to static typing in "React & Redux" apps using TypeScript The complete guide to static typing in "React & Redux" apps using TypeScript - GitHub - piotrwitek/react-redux-typescript-guide: The com... github.com A compendium documenting the most important patterns and recipes on how to use React.

Components

9. awesome-react-components

⭐ GitHub stars: 29k+

https://github.com/brillout/awesome-react-components A curated list of React components & libraries.

10. hocs

⭐ GitHub stars: 1k+

GitHub - deepsweet/hocs: Higher-Order Components for React :bento: Higher-Order Components for React. Contribute to deepsweet/hocs development by creating an account on GitHub. github.com The list of higher-order components for React.

Hooks

11. react-use

⭐ GitHub stars: 29k+

GitHub - streamich/react-use: React Hooks — 👍 React Hooks — 👍. Contribute to streamich/react-use development by creating an account on GitHub. github.com A great collection of custom React hooks.

12. beautiful-react-hooks

⭐ GitHub stars: 5k+

GitHub - antonioru/beautiful-react-hooks: 🔥 A collection of beautiful and (hopefully) useful React hooks to speed-up your components and hooks development 🔥 🔥 A collection of beautiful and (hopefully) useful React hooks to speed-up your components and hooks development 🔥 - GitHub - antonioru/beautiful-re... github.com A collection of useful React hooks to speed up your components and hooks development.

Cheatsheets

13. react-cheatsheets

⭐ GitHub stars: 33k+

GitHub - typescript-cheatsheets/react: Cheatsheets for experienced React developers getting started with TypeScript Cheatsheets for experienced React developers getting started with TypeScript - GitHub - typescript-cheatsheets/react: Cheatsheets for experienced Reac... github.com Cheatsheets for experienced React developers getting started with TypeScript.

14. react-hooks-cheatsheet

⭐ GitHub stars: 600+

GitHub - ohansemmanuel/react-hooks-cheatsheet: 🦖 React hooks cheatsheet with live editable examples 🦖 React hooks cheatsheet with live editable examples - GitHub - ohansemmanuel/react-hooks-cheatsheet: 🦖 React hooks cheatsheet with live editable e... github.com React hooks cheatsheet with live editable examples.

Snippets

15. 30-seconds-of-react

⭐ GitHub stars: 4k+

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 - GitHub - 30-seconds/30-seconds-of-react: Short React code snippets for all your development... github.com Short React code snippets for all your development needs.

Interviews

16. reactjs-interview-questions

⭐ GitHub stars: 21k+

GitHub - sudheerj/reactjs-interview-questions: List of top 500 ReactJS Interview Questions & Answers....Coding exercise questions are coming soon!! List of top 500 ReactJS Interview Questions & Answers....Coding exercise questions are coming soon!! - GitHub - sudheerj/reactjs-interview-questio... github.com List of top 500 React interview questions and answers.

Challenges

17. react-coding-challenges

⭐ GitHub stars: 1k+

GitHub - alexgurr/react-coding-challenges: A series of ReactJS coding challenges with a variety of difficulties. A series of ReactJS coding challenges with a variety of difficulties. - GitHub - alexgurr/react-coding-challenges: A series of ReactJS coding challen... github.com A series of ReactJS coding challenges with a variety of difficulties.

Resources

18. awesome-react

⭐ GitHub stars: 48k+

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 regarding React ecosystem github.com A collection of awesome things regarding React ecosystem.

19. react-redux-links

⭐ GitHub stars: 21k+

GitHub - markerikson/react-redux-links: Curated tutorial and resource links I've collected on React, Redux, ES6, and more Curated tutorial and resource links I've collected on React, Redux, ES6, and more - GitHub - markerikson/react-redux-links: Curated tutorial and r... github.com Curated tutorial and resource links on React, Redux, ES6, and more.