10 GitHub repositories to Become a React Master 👨‍💻💯

Awesome React

A collection of awesome things regarding the React ecosystem.

README in Chinese

README in Japanese

README in Korean

README in Portuguese (Brazil)

README in Russian

README in Spanish

Roadmap to becoming a React developer in 2019:

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?”

Disclaimer

The purpose of this roadmap is to give you an idea about the landscape. The road map will guide you if you are confused about what to learn next, rather than encouraging you to pick what is hip and trendy. You should grow some understanding of why one tool would be better suited for some cases than the other and remember hip and trendy does not always mean best suited for…

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.

Examples

• includes live examples 🙋‍

👉🏿👉🏿👉🏿 Get Started

Todos

• Add example call signatures to all hooks
• Add more examples that explain interesting use cases from the official Hooks FAQ

Contributing

Contributions of any kind are welcome. If you wanna knock off any of the todos above, please feel free to issue a PR.
Got an interesting idea for the cheatsheet? Issue a PR 🙂

Click ⭐if you like the project. Pull Request are highly appreciated. Follow me @SudheerJonna for technical updates.

Note: This repository is specific to ReactJS. Please check Javascript Interview questions for core javascript questions.

Downloading PDF/Epub formats

You can download the PDF and Epub version of this repository from the latest run on the actions tab.

Table of Contents

…

📚 A free book that talks about design patterns/techniques used while developing with React.

Book

Translations

Content

Foundation

Data flow

MISC

Source code

The code samples used in the book are available here.

Other resources

Day 1 >>

🧡🧡🧡 HAPPY CODING 🧡🧡🧡

Support the author to create more educational materials

Real world React apps and their open source codebases for developers to learn from

Learn from React apps written by experienced developers.

You’ll find the source code for the apps in the apps/ subdirectory.

Thank you to every developer who has worked on a project this repo links to, your work is helping developers learn React.

How to install on your computer

# Clone this git repo:
git clone [email protected]:jeromedalbert/real-world-react-apps.git

cd real-world-react-apps/

# The apps are linked to as git submodules.
# This will take some time... (see comment below for possible speedup)
git submodule update --init

# OR if you've got git 2.9+ installed try to run updates in parallel:
# git submodule update --init --jobs 4

How you can analyze the apps

Some of the examples below use ag, but could just as well use grep or equivalent.

Global searches

# Look for

⭐️ Looking for collaborators ⭐️

We’re looking for people to come and help work on the latest challenge Coinbee. If you’re interested, get in touch via our slack community or via my website alexgurr.com!

A series of ReactJS coding challenges with a variety of difficulties. Deep dive into the why here.

Interested in some React fundamentals / philosophies? Check out the react-philosophies GitHub repo.

Sponsored

Time To Estimate. A fun, simple way for agile teams to remotely estimate tasks together. Free, with no sign-up required.

mixmello. Create remixed versions of your favourite Spotify playlists.

The Challenges

Easy 🙂

🚀Rocket Ship

Unnecessary re-renders, fine grained control.

Medium 😐

🌙Dark Mode

State / shared state, DOM manipulation.

🐝 Coinbee

Data visualisation and graphing. API usage.

Hard 😬

🎧Spootify

Loading state, API usage.

🤖Chatter

Web sockets, events, callbacks & React hooks. Talks to Botty…

Cheatsheets for experienced React developers getting started with TypeScript

Web docs |
Español |
Português |
Contribute! |
Ask!

👋 This repo is maintained by @swyx, @eps1lon and @filiptammergard. We’re so happy you want to try out TypeScript with React! If you see anything wrong or missing, please file an issue! 👍

| |

All React + TypeScript Cheatsheets

• The Basic Cheatsheet is focused on helping React devs just start using TS in React apps
  • Focus on opinionated best practices, copy+pastable examples.
  • Explains some basic TS types usage and setup along the way.
  • Answers the most Frequently Asked Questions.
  • Does not cover generic type logic in detail. Instead we prefer to teach simple troubleshooting techniques for newbies.
  • The goal is to get effective with TS without learning too much TS.
• The Advanced Cheatsheet helps show and explain advanced usage of generic types for people writing…