HARD React Interview Questions (3 patterns)

Maybe you've been doing React for a few years and are ready for a senior role. But you wonder: what'll be asked in an advanced React interview?!

Or maybe you're just curious about how hard an interview could get. No matter.

In this video, I give you an idea of what types of questions you could reasonably expect from an advanced/senior React developer hiring process.

Let me know if you find them helpful!

Links to all three patterns:

0:00 Intro
1:01 Pattern 1
2:42 Pattern 2
4:12 Pattern 3
--
Follow Me Online Here:

--
My gear:

--
Who am I?

[marebot]

live coding is so difficult for me because i just get super nervous and forget everything in an instant :')

[matchu-pitchu]

Based on my experience I recommend using other patterns:
1) Higher Order Component: I prefer using hooks to share logic. More readable and easy to understand and use.
2) render props: I rather recommend using compound components with a context to share state. Also more readable.

[adityatripathi]

Great Video Peter! I would like to add on the custom hook part. A custom hook might not be the best solution if we want reusability without redundancy, meaning, the components sharing the hook, will create their own copies of the attributes/functions imported form the hook. This is fine unless we expect it otherwise, but generally you would want to go with a context if you want SST for all the components, sharing the values simultaneously. Also, "use", apart from being just a convention, helps react to identify the called function is a hook, to apply all the security checks (like whether a hook is called inside a functional component or not) on it, automatically. This is mentioned in the docs.

[cassandrasibley]

Thanks for this video! I'm teaching myself React and I was worried that I'm super behind. I do have a basic understanding of these concepts so I feel better now knowing that's fine and I don't need a high level of understanding for entry jobs

[camelcase]

It's funny. This is classified as hard and I definitely agree these are more advanced concepts of react, but I could easily articulate these in an interview. So that puts me as a more advanced or senior react dev?

The reason I mention is I just recently went through a technical interview for a "React Developer" position and my questions were like explain the javascript event loop, and where would you access cookies from a server response. Not saying you shouldn't know this, but to me it's just so inconsequential in the real world. The event loop sure, it's good to know for some reasoning and problem solving, but I don't know about other people I just don't commit these topics or specifics to memory. Like that's an easy 1 minute google search and read for a refresh.

I guess my point is I think tech interviews are pretty bogus and make no sense. You can be randomly hit by some obscure question about inner workings of libraries that you literally don't need to know about to be successful for the position.

[tsdineshjai]

Quality Content Peter ! Please do more as it helps the community including me :)

[SurfsUpSeth]

Dang I haven’t even gotten an entry level job since I’m in graduate school but I’ve been working with react for 3 years by myself and I know this stuff. I think what helped was this textbook I read for react 17. It pretty much explained everything about react to me that I didn’t already know so I would recommend a textbook if you are looking for more info. Preferably an up to date one that’s 18.

[vinhnguyenthe]

Thanks for sharing. I love your clear explanation

[manuQAE]

Really helpful content Peter! thanks for share!! regards from Argentina!

[annabadalian]

Finally HOCs clear explanation, thanks man!

[Zoe-iggg]

Thanks for this video, I'm trying to get better at communication and these type of interview videos clue me in on what I should be saying. :)

[shreyajha]

wow your content is so good, keep making them, this video was heplful and this will definetly help me in getting a job :)

[drewbird]

Oh I really like this one.

I'm in my second Frontend job now; and still haven't really done enough with JS frameworks to be really comfortable answering questions like these ( though, I"m sure I'd get pretty close ). I was a mess in one interview at the beginning of the year trying to explain state-management. Since all my experience was in a Vanilla JS app 😂.

Though I am working in React now to replace a legacy PHP app piece by piece ( not as a SPA since the Front end and Back end are glued together ). I've been doing a little daydreaming about looking for a role where I can sharpen a few tool sets that I'm more interested in: SPA framework, building according to designs, rub shoulders with UX design ( I'd like to develop a UX/UI design skillset 🦄).

[marktellez]

A render prop is just an argument that is a function that will be used to make a component configurable from the “outside”.

[Soulixs]

lol. I worked with all these pattern. I would totally bomb in an interview because I would have to read up on it again

[Jatin-nrbj]

Isn't Higher Order Components a redundant practice after the introduction of Hooks. So, HOCs added an additional logic to the existing components. And it is reusable. Doesn't Custom hooks provide the same funcionality??

[dylan]

Cool video! Would you say a private route react router component that checks something like a Boolean if a user is logged in then redirects them to the correct component or sends them back to the login page (for example) is a HOC?

[giilia]

wait, isnt higher order component just an implementation of the decorator pattern ?

[jalalbmnf]

HOC (Higher Order Components ) - Higher Order Function

[TrapHeroes]

Awesome video thanks for sharing,
I hope you reply after 2 years of uploading this video,

For the render prop, i always have this question when i see it,
Why dont we use the children prop instead since they have the same outcome