Beginner React.js Coding Interview (ft. Clément Mihailescu)

#benawad #ClémentMihailescu #react ​
​
----
#benawad

[creatorsremose]

Interview for a FRONT-END position -
"The uglier the better"
"This is my jam!"
Thanks, we'll be in touch.

[clem]

Do you know what the scariest thing in the world is? Not knowing how to write a React component in a Ben Awad interview.

[Enjubi]

cool trick:
1. Know nothing about React
2. Watch this video
3. Study React for a bit
4. Come back
5. "oooh"

[Jindujun]

As much as most of this makes sense to me as a Junior Webdeveloper, I find it stunning that people can write code from the get go just thinking through the application and using knowledge they've gathered over the years. I literally have to google nearly every shit that I try to make and it really puts it into perspective for me of how much I still need to learn. :)

[CardinalHijack]

How front end interviews should be: This video

How they actually are: ok so can you invert a binary tree for me please

[richardguerre]

I wish every tech interview was as friendly

[sjadev]

This way of interviewing seems way more relative than just doing algorithms, I wish companies would adopt this.

[quirked]

0:50 Make a counter
3:10 Fetch an API
14:10 Display the API data in UI components
22:06 Add a button to load more results
29:38 Bonus: fix the linter's useEffect dependency array requirement

[habibsspirit]

Ben is doing the sassy interviewer stereotype perfectly here.

[JayronWhitehaus]

I'd love to see you guys continue this as a series, gradually increasing the difficulty!

[Knighz]

33:06 - you'd wrap fetchNextUser in a useCallback if you wanted to satisfy the linter and pass fetchNextUser to the dependency array. This is because the function is re-allocated on render because it's within render scope, and therefore the function reference changes between renders, causing your useEffect to every time (based on shallow comparison of the dep array), so useCallback avoids that and keeps the reference the same between renders.

[NickWhite]

so i work for him and he works for you...? i may have to quit

[panjc]

i like the fact that clement is humble and admit that he doesn't know about the error upfront

[hamzahmd_]

Interview: Why do you want to join this company?
Candidate: I was bullied into doing this interview. lmao

[lifetimess]

thank you, that was so nice! as a junior I feel comforted seeing this type of interview, I could actually answer those questions without even typing the code. now it would be really cool to see something like this for junior+, middle, middle+ etc. levels!

[ankitkr]

Thank you guys for making this video. I really enjoyed going through these questions & trying to code the solutions to test myself before watching Clément's solutions . Keep making such videos.

[raynvii]

"Uglier the better, this is my jam" nailed it.

[LilMartyFarty]

Wow, I never knew you could do {name: {first, last}} to convert nested objects into variables, awesome.

[shaqirrazak]

Can we just appreciate and admire how Clement has nearly 100% accuracy while typing at those speeds

[honglytech]

Clément's confidence started to increase once he figured out that the bug was from line 31 instead of 32.