11 Useful GitHub Repositories to Become a Pro React Developer

1. 30 Days of React 30 days of React is a coding challenge that gives you a step-by-step guide to help you learn React in 30 days.

[{"selector":"#anim-081e273d-2e99-40d0-839f-b0fd36d1d528","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9d7b9380-7e9e-41d5-8ac2-9d6d1e41cdd1","keyframes":{"transform":["translate3d(0px, -263.87266%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

2. Awesome React Repository It contains a very useful collection of knowledge and resources about the React ecosystem in general.

[{"selector":"#anim-5f4a2687-ba76-4396-9268-8cac44b002b9","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e262be2d-7b5a-4735-ac4d-007a90ddbc62","keyframes":{"transform":["translate3d(0px, -232.44888%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

3. Beautiful React Hooks This crazy GitHub repository contains a collection of awesome and very useful React hooks that you can use to speed up the process of coding React apps.

[{"selector":"#anim-c3e4cecf-d1d9-429f-9f07-e15b37c07ea6","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5caf8301-4508-44ef-bf08-971a8be76af6","keyframes":{"transform":["translate3d(0px, -208.75422%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

4. React in Pattern React in Patterns is an amazing free book that covers a lot of useful knowledge about React design patterns and techniques.

[{"selector":"#anim-3c9c6e37-d244-47e8-98bd-671e0b5d33ce","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-63db1d5c-75da-4db4-a12d-68e9e9164eca","keyframes":{"transform":["translate3d(0px, -208.75422%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

5. Real World React App I guess you can guess it from the name. This useful GitHub repository curates a list of open-source real-world React apps that you can learn from.

[{"selector":"#anim-b2a055c4-84d2-44d8-b914-a1b4e51140e1","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ceefb56f-56d0-42ec-b887-2a3b9c053a82","keyframes":{"transform":["translate3d(0px, -231.95137%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

6. React Coding Challenge This awesome GitHub repository contains a series of React coding challenges and exercises that can help you learn more.

[{"selector":"#anim-90960ded-5189-4da5-a41c-434de5f31fdd","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-7232aede-8e38-41f2-925a-43b61204c0e0","keyframes":{"transform":["translate3d(0px, -231.95137%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

7. ReactJS Interview Question This is another very useful repository that contains a list of 500 React possible interview questions with their answers and explanations.

[{"selector":"#anim-6acb4b0c-0c2e-47dc-9db4-ebdcb0a70072","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9a22f8c0-b83b-44f6-b751-5ec7cb5dae48","keyframes":{"transform":["translate3d(0px, -208.3213%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

8. React Hooks Cheatsheet A repository that comes with a React hooks Cheatsheet that contains live editable examples and code.

[{"selector":"#anim-a0d7b2ec-a113-47ff-955c-242211ff3cb3","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a07a3c66-a84f-44a5-92c6-33c684a839aa","keyframes":{"transform":["translate3d(0px, -264.45744%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

9. 30 Seconds of React 30 Seconds of React is an awesome repository that comes with a useful collection of React code snippet.

[{"selector":"#anim-5072fe2f-94d5-4eb5-982c-1948eb90243a","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2deda410-fe4c-4035-a574-c063f010b710","keyframes":{"transform":["translate3d(0px, -231.95137%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

10. React Bit React Bits is a very valuable documentation of React patterns, techniques, tips, and tricks that all React developers should know.

[{"selector":"#anim-3e03bd85-d415-447b-a2cb-2a53f45cac08","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2c67529b-46ef-4a91-a4fe-310006d53b3c","keyframes":{"transform":["translate3d(0px, -231.95137%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

11. React TypeScript Cheatsheet It comes with useful React TypeScript Cheatsheets that you can easily learn from.

[{"selector":"#anim-e16e4ef2-c4a4-4bc8-98c2-4140acc2967e","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0e553537-b8cc-45d3-9703-2670e0e6e617","keyframes":{"transform":["translate3d(0px, -264.45744%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]