DEV Community

Discussion on: Unpopular opinion? I don't do puzzle coding tests.

Collapse
 
aortizoj15 profile image
Alexis Ortiz Ojeda

Hi, I am currently in the process of applying to front end developer jobs focused on React. How do you suggest I prepare for the interviews from your experience? Thank you!

Collapse
 
kvsm profile image
Kevin Smith 🏴󠁧󠁢󠁳󠁣󠁴󠁿

I'm currently interviewing frontend developers for React jobs. There are a few things I look for:

  • Current knowledge - make sure you can implement hooks in a functional component and not just class based components.
  • Be able to spot instances where components can be refactored, either to extract reusable functionality or to replace two or more repetitive components with one configurable component.
  • And the best thing to show: TESTING! Exactly zero candidates so far have shown me how they would test their React app. Any effort you put into this is very likely to make you stand out.

HTH!

Collapse
 
256hz profile image
Abe Dolinger

Maybe a typo, but you can't use hooks in class components. Or maybe you mean making lifecycle methods with hooks in functional components?

I love your second test, that's great.

Thread Thread
 
kvsm profile image
Kevin Smith 🏴󠁧󠁢󠁳󠁣󠁴󠁿

Indeed, that wasn't clear - what I look for is for candidates to be able to take stateless functional components and implement functionality using hooks. Many immediately convert to class components in order to use lifecycle methods.

Collapse
 
bolt04 profile image
David Pereira

I'd say it's good to practice some questions about libraries that are usually used, for example React Router, Redux, redux-saga. Also prepare yourself to answer the more popular questions like: What is the difference between the Virtual DOM and the DOM; What common patterns are used and why (HOC is one of them).
Maybe they'll also ask about the lifecycle methods of a component, so they might ask "Can I make an HTTP request inside a component's constructor"?

Some questions to keep in mind:

  1. How does React rendering work?
  2. How do we cancel a fetch HTTP request, in order to prevent setting state on an unmounted component?
  3. What does the render() method from React.Component return? (this shows that you know the difference between a React component and a React element)
  4. What is babel and webpack used for in a React application?

I'd advise that you look up React Hooks if you haven't yet. That might be a topic they want you to know.

Here are some resources you might find useful:

Collapse
 
aortizoj15 profile image
Alexis Ortiz Ojeda

Thank you for taking the time to reply to my comment! I will definitely check these resources out and make sure I know the questions mentioned for my next interview. Thank you!