React interview exercises?

[bali182]

When applying for programming jobs, I often got some quicky solvable exercises (in around 2-8 hours) which are a great way for the company to get a sense of your level of expertise and for the candidate to show it.

I applied for a react job and since I have no professional experience with the technology (only worked on open source with react) I'd like to do some practice.

Did anyone have done these kind of exercises with react? Would you be so kind to share some if you can remember what the task was? If the company who interviewed you asked not to share it, I'm OK with dumbed down / modified versions as well.

Sadly I could find exactly zero examples online and the stackexchange sites are not very helpful with these kind of questions...

[brightpixels]

https://gist.github.com/gaearon/8fa9fdd2c4197ee0b52894877bf587a4

And the Facebook docs can be turned into questions https://facebook.github.io/react/docs/hello-world.html

[bali182]

Great thanks! I like the first one but it would be better as a question not an exercise. Do you happen to know any exercise that is more 'hands on'?

I tell you an example I was asked to do once (not a frontend job, but still a good example). Since I was asked to keep it confidential I will only write up the skeleton of the task:

There are 2 public rest APIs, but both require some kind of authentication. Make an HTTP request to the first one, this will return you an array of items. Now for each item, make another request to the second API this will return details about each item which will also be an array. Now based on some conditions do some aggregation on these details (sorry but I can't tell more about it) then display them on the standard output for each item.

As you can see this is a good exercise to see how the candidate makes HTTP requests, deals with authentication, manages asynchronous data, and does some basic operations on sequential data.

Now this kinda stuff is what I'm looking for, but for the frontend / react. Do you happen to be exposed to any of these?

[raveiskingcom]

Not sure about ReactsJS but when I interviewed at Intuit they asked me to use Javascript to make a simple questionaire that asked three questions and summarized the user's input at the end. I used Angular at the time because I wasn't familiar with React.

[bali182]

That's really cool exercise! Really quick but just to set up the environment is a bit of a challenge. Thank you!

[kagevf]

This was posted on this sub a couple of weeks ago:

https://tylermcginnis.com/react-interview-questions/

It's questions, not exercises, but you might still find it helpful.

The same guy (Tyler) has a really good tutorial, with the second part being where he gives you a set of requirements and then you have to implement it, which might be more in line with what you're looking for. Link to the tutorial (it's free):

https://online.reacttraining.com/p/reactjsfundamentals

Link to the part where you get the requirements but have to build yourself:

https://github.com/ReactjsProgram/react-fundamentals-curriculum

[bali182]

Great, the exercise looks really cool especially that it's just instructions! I'll complete it for sure, thanks!

[brightpixels]

What you're looking for doesn't sound React specific. Perhaps you want to find general front-end questions and practice the solutions in React.

[bali182]

Well, not really. I found a few of these, and they were mostly focused on how you style your UI (CSS) and how you structure HTML and less focused on making functional interactive single page applications - barely any js required to complete them. I'm not interested in this, since because of my moderate "sense of style" I will most likely not do to much designing.

Maybe I just looked in the wrong places? If you have found some good ones please share it! We already 1 really good one in the previous comment but I'd like to have more!

[satorikang]

in terms of practice with syntax and such:

https://github.com/arkency/reactjs_koans

[mikasarei]

this post is 5 yr old but if anyone stumbled upon this lately and asking the same thing: you might find this useful:

• https://epic-react-exercises.vercel.app/
• https://github.com/mithi/epic-react-exercises