/react-coding-challenges

A series of easy through hard, React.js coding challenges.

Primary LanguageSCSS

React Coding Challenges 👋

A series of easy to hard React.js coding challenges. Deep dive into the why here.

 

Current Challenges

Easy 😃

🚀 Rocket Ship

Unecessary re-renders, fine grained control

 

Medium 😐

🌙 Dark Mode

State/Shared State, DOM manipulation

 

Hard 😬

🎧 Spootify

Loading state, API usage

🤖 Chatter soon

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

 

When could these be useful?

  • Usage as short coding exercises, such as for interviews
  • To test yourself/test your coding abilities under pressure
  • For beginners looking for a fun way to learn React

 

How do they work?

The scaffolding is done for you. Simply run yarn in any of the directories to start the application. Each application has a README with its requirements.

Some might require connection to external APIs, but all information will be provided in the inididual challenge readmes.

 

Have you got the solutions?

I have completed all the coding challenges to a high standard. If you're interested in being invited to the solutions GitHub repository, get in touch with your GitHub username.

Why are the solutions invite only?

People use these challenges for interviews. By putting the solutions behind a collaboration wall/invite-only repository we can discourage candidates from simply looking up the solutions.

 

Why does it take so long for updates/new challenges?

I work on these challenges & solutions in my spare time, on top of a full time job and all the other stuff. Because of this, I don't always get a lot of time to maintain and add new challenges. Interested in becoming a collaborator or submitting your own challenge? Reach out below.

 

Thoughts or feedback

Conflicting opinion about a challenge difficulty rating? Need some help or guidance? Got a challenge idea? Get in touch via www.alexgurr.com.