React.JS Mock Interview | Interview Questions for Senior React.JS Developers
HTML-код
- Опубликовано: 15 ноя 2024
- The third episode of the Turing Mock Interview series takes a look at what a technical interview on React.JS looks like. Watch the video to see what questions get asked the most in a React.JS interview, learn about the concepts you must brush up before the D-day, and what you can do to prepare better for your next React.JS interview.
Become a Turing software developer today.
Take the Turing test now: turing.com/s/p1...
Find remote US software jobs: turing.com/s/Mg...
Hire software developers of Silicon Valley caliber: turing.com/s/RV...
Watch more Turing.com reviews: turing.com/MVWqQr
To stay informed about the latest updates at Turing, follow us on:
Instagram: / turingcom
Facebook: / turingcom
Twitter: / turingcom
LinkedIn: / mycompany
...
#MockInterview #ReactJS #ReactJSJobs #ReactJSMockInterview #TuringJobs #RemoteJobs #TuringDeveloper
About Turing.com:
Turing connects exceptionally talented software developers to remote engineering jobs at Silicon Valley and US-based companies. 200+ companies, including those backed by Google Ventures, Andreessen Horowitz, Founders Fund, Kleiner Perkins, and Bloomberg, have successfully hired Turing developers.
For over 1M software developers across 150+ countries, Turing.com is the preferred platform for finding remote US software engineering jobs.
Turing offers a wide range of long-term, full-time remote jobs for Full Stack, Front-End, Back-End, Mobile, DevOps, and AI/ML developers.
Turing remote developers enjoy higher pay than local standards in most countries, a healthy work-life balance, a strong sense of community, and rapid career growth.
Turing is backed by well-known investors like WestBridge Capital, Foundation Capital, Facebook’s first CTO (Adam D’Angelo), executives from Google, Facebook, Amazon, Twitter, and Founders Fund (investors in Facebook, Tesla, Asana, etc.), among others. The company is led by serial AI entrepreneurs Jonathan Siddharth and Vijay Krishnan, whose previous firm leveraged remote talent and was successfully acquired.
The company was founded in 2018 and is headquartered in Palo Alto, California.
A simple yet crucial tip: Please include subtitles in case the audio is not clear. Not doing so compromises the quality of the content.
transcript is working
@@RehanKhan-xf3ml The transcript doesn't always translate well.
00:03 Rakib has 8 years of experience and switched to JavaScript based technologies recently
02:41 Front end built exclusively with React
05:01 Using class components for more control and mixing and matching with functional components
07:18 React.JS abstracts Dom Manipulations for Performance Optimization
09:36 Discussion on frameworks using virtual DOM and state updates in React.js
12:01 Redux for state management in React applications
14:44 React.js supports unidirectional data flow and component testing.
17:02 Experience with deploying applications and containerization
19:17 Best practices include modularizing React and using a linter.
21:24 Code splitting in React applications improves performance and scalability.
23:30 Tips for finding React JS positions
25:36 Encouraging viewer engagement and feedback
One clarification before I forget, Angular doesn't use Virtual Dom. Angular is a declarative framework that works with change detection feature. On the other hand, both React and Vue use Virtual Dom as their rendering mechanism. Great video, btw!
You are correct.
Angular uses a concept called as shadow Dom. It basically encapsulates the component as a module and the changes/css for the component is scoped within the component only.
Yep. Ivy is a new Angular renderer, which is completely different from anything we have seen in other mainstream frameworks. It uses Incremental DOM.
really liked how Jose is friendly and encouraging and how Rakib answers every question in details and is honest with his answers.
Loved the way Jose talked. Friendly and encouraging.
at 5:00, why would it depend on a project to use Class based or Functional Components? Class based is obsolete now. Many of the packages and methods are depreciated and rest will be scraped off soon. If you have to start a new project today, it's a straightforward choice to go with Functional components.
my exact thoughts
I was going to write the same thing :)). The class components appear in the section "Legacy api" in their documentation. They even recommend the migration to hooks.
as far as my experience , there is one thing that functional components dont handle and that is ComponentOnError() (not sure the lifecycle name) , but most cases u would only use class component as an error boundary and the rest is functional ,
in fact in class comp days , there was a concept of the containers [class compo] / components [func comps] which uses both approaches so idk why one is better than another
Wow interviewer is so nice. It is like a big brother discussing about something.
Glad you enjoyed the video, Ghulam! :)
I'm preparing for interviews as a junior frontend engineer now. The video helped a lot. Thank you so much for the reality mock interview video 👍
did u get that job?
I just realized that am a senior react developer
Thank you for watching, Umar. Please subscribe & stay tuned to our page!
We'll be sure to share more helpful videos 😄
Lol 😂😂
Lol 😂
😂😂
Oh, boy! 😂
In my experience, class component life cycle methods have many gotchas and working with hooks, extracting the behaviour in custom hooks felt way more intuitive. Worked on a complex webrtc based chat app that used class components and it was hell.
I love that I can follow the conversation and understand the terms thrown around by the tech lead and the software engineer, It implies I have made notable progress on my software engineering career, motivation as I am still on the road(roadmap). I wish the young me, the one who had the audacity to dream this big, could see me NOW.
Well said! We wish you the very best 🌟🚀
To bigger dreams!
Interview Questions
Interviewer: Jose
Interviewed: Rakib
1:28 - about yourself, your expertise (prog. language and framworks)
4:04 - In your understanding, explain the difference between work with React Class Component (old version) and React functional components With direct Hooks, and which one would you choose for a new project
I couldn't understand the difference stated between usage of class vs functional. All the things can be done with functional hooks these days, except maybe error boundary where you still have to rely on class components. State management if you know properly works best with hooks, especially with the advent of community contributing more towards this these days.
I myself used to hate it when I had to remember all those lifecycle events, when to use which. With hooks, it's pretty intuitive and straightforward IMO
Perfect!
Yes exactly, I was looking for this comment. That part was setting off alarm bells for me
I agree, although there is a small set of use cases that need to use stuff like shouldComponentUpdate which is not present in functional components, I personally have not come across the need for it in 3 years of react experience. The part where he said “if I used redux I would go with class components” is just straight up incorrect, ie. A suboptimal technical decision imo. React team is not maintaining class components anymore, they’re basically deprecated for most intents and purposes
Class components are bigger(their size) when bundled, I made just a couple of observations , you can read medium or this kind of things about that.
Class based components have their own NAMED lifecycle methods rather then non-named functional analogues. It makes a bit of clarity, because you can just make a simple list with all those names but in functional you should know how works use effect without deps array , and how with empty, how with non empty, how works function that is returned in useEffect in various situations and so on. so there is no specific name for useEffect with empty array, lots of people just call it "componentDidMount" which is a bit wrong, or useEffect with deps array , they call it "did update like thing". but in classes we have the names for those operations and actions. It's not an ultimative argument but still point of perspective..
Class based components don't need refs to contain some things that don't participate in rendering process, we use useRef in functions, also this thing also about useCallbacks and so on.
class based components have componentDidCatch -> error boundary
class based components are easier to be tested, because React creates instances of the classes and we can access those functions by their names and test them very easy on contrary in functions we need to make some indirect movements in order to trigger some useEffect or some function that is called inside the other function.. that's not convenient
It was a really good interview experience. the questions were very clear and application level. Appreciate that. Expecting more videos.
More to come! We're delighted that you found this video insightful, Abhijit! 🚀
Thanks Jose and Rakib. I am thoroughly encouraged to engage in Turing Interview.
Wonderful! Glad you found this helpful Uche! :)
Great interview! It's my dream work for a forein company. Thanks for this!
Huh, I thought questions for a senior dev would be much more advanced. That brings comfort.
Awesome interview gives really helpful to prepare for applying in turing
Glad it was helpful, Mohammed! :)
To be very honest, I didn't like this guy's answers of two questions
1. What best practices do you follow?
2. What is code splitting in ReactJS?
second strange answer, you would use jquery... use jquery for ease of dom manipulation but write reactivity logic using callbacks and observer patterns, reading old books in the old days)) Rakib answers as Junior
new question for me are:
1) how you test reactjs application?
2) react linter
3) code splitting in react app
What an amazing talk! I learned some things from both of you. Although it took a while to adjust to the accent of the interviewer
2 months over I am learning JS React JS it is vvv good 💜
Good to know this Swastik! Wishing you the very best on your learning journey! :)
How are you doing now? Compared to when you made this comment and compared to when you first started?
@@gac5700 I am working as Web developer html css js php wordpress etc learning.....
also doing Freelance online offline and learning more and more 😎✔️👍
In my interview experiences, I never come across an interviewer as lenient as Jose. I wish all of them would be as tolerant. 😅
When you asked about virtual dom, he explained what us React. Even afte that, his explanation of virtual was wrong.
I was expecting to hear about reconciliation process
Love the Azaan in the background at 2:00 mark.
Lots of background noise disturbances
Wow when I am actually testing. I'm using jest (also normal built in debugger). Though I might be outdated.
Looking for more interviews like these
Hey!
Stay tuned to our page!
We'll be sure to share more helpful videos :)
Please create more ReactJs and Redux interview videos
Thank you for your feedback, Roky.
We appreciate your feedback and will definitely keep that in mind for our next video. :)
best turing video yet
Thank you! We glad you enjoyed it! :)
Actually thankyou for this video! This video gave more insights!
👍👍👍👍👍👍 , Best interview video i ever seen
Why.
Interview.
Quesitons.
Here.
Are.
So.
EASY ??????
For me each and every interview is like:
1) Home task : test React App or a bunch of tasks for Computer Science (data structure / algorithms )
2) If they like your solution - a stressful interrogation about your solutions, some more live coding, maybe some theory questions . Ah, practical task with plain CSS, no matter you would work with some CSS framework with 0 customised parts.
3) Architectural solutions .
4) separate interview with HR (that can discard your application because you told "you would prefer not to work with legacy app")
I have done a few interviews myself and let me tell you if I cannot get a good enough connection with the other party the interview is off.
I simply refuse to spend half the time of the interview trying to understand what the other person said.
Language barrier is a big enough issue as it is but when it gets linked up with a horrible connection then all bets are off
If this is going to be an interview for senior post, I got the job! 😎
To be honest, these are all questions asked in Junior positions. Even the Redux questions.
Is their a video like this for Python/Django?
Thank you for your feedback! 😄
We'll make note of this and be sure to include this in our future videos.
Do subscribe to our page so that you get notified of more such videos 🚀
Can a fresher get work in turing??
Hey 😄
The odds of junior developers or freshers getting hired are definitely lower, since 80% of Turing's partner companies in the U.S require at least 3 years of work experience.
We however routinely hire strong developers with 0-3 years experience for internal roles within Turing (and for roles with the remaining 20% of Turing's partner companies that are open to hiring developers with little to no experience as long as they are exceptionally skilled and talented).
So if you are a junior developer who signs up and does very well in our tests, you'll definitely be considered for internal roles at Turing and roles with the minority of our partner companies who are open to hiring strong developers with less experience.
-Turing
Very insightful video. You should create one for flutter developers.
Glad you enjoyed the video, Joshua!
We appreciate your feedback and will definitely keep that in mind for our next video. :)
Such a nice interviewer
Thank you! Glad you enjoyed the video!
Awesome interview please create one for python developer. Also I wanna join turing. But I'm totally fresher . I did my graduation in Bachelor of computer applications after that I did diploma in python. Can I apply on turing . Please reply. Hope to hear from you soon
Thank you for your feedback!
We'll make note of this and be sure to include this in our future videos.
Do subscribe to our page so that you get notified of more such videos :)
Incredible video!
Also I wanna join turing , don’t know where to start preparing. I have 4 years exp into MERN
Hi,
Thank you for reaching out to us! 😊
You can start the process by visiting us at developers.turing.com
Turing’s vetting process consists of four steps:
1. Upload resume and setup profile help.turing.com/hc/en-us/articles/360004377355-How-can-I-set-up-my-Turing-profile-
2. Work experience survey (MCQ test) help.turing.com/hc/en-us/articles/360004271136-How-can-I-take-the-work-experience-survey-
3. Coding challenge (Real-time coding test) help.turing.com/hc/en-us/articles/360004377855-How-can-I-take-the-Coding-Challenge-
4. Tech stack tests (MCQ test) help.turing.com/hc/en-us/articles/360004271316-How-do-I-take-the-tech-stack-tests-
To know more about our job roles, visit: www.turing.com/jobs
For FAQs: turing.com/KrDKoE
For any other queries, contact us at support@turing.com
We will get back to you ASAP.
Regards,
Turing
I've been asked multiple questions about myself, about my project about my understanding of processes, a lot about what I've done good in project, theory about react , live coding , I've passed all the questions and felt perfectly, BUT STILL they selected other guy .... :(
Cool , I hope I will join turing
Hey, Elias 😀
We really appreciate your interest in Turing!
Turing’s Intelligent Talent Cloud uses AI to connect the world’s best software developers to high-quality U.S. jobs. 🚀
Sign up today - Visit www.turing.com/jobs
All the best!
Turing Support
there are pretty much no benefit of using class components, team React and the React community have already established it long time ago. The pragmatic argument is - everything new is built in function components, and that includes libraries. You cannot use hooks in class based components, so if a library expects you to use a hook, you need to use a function component. Function component also looks much cleaner, easier to work with, less of a cluster. Also, you can use context where as in class you have to use consumer, and that would be extra lines of code and more cluster for the headache.
Great interview! I was wondering if I can participate in these mock interviews
Hi 😃
Please write to us at support@turing.com
Our team will help you out on priority!
Regards,
Turing
Informative video ❤
You can write the hooks you are missing from the classes yourself. strange answer.. from it I understand that a person uses the API and depends on it, and he himself cannot go aside if something is missing. What scares me the most are people who don’t know the concept; I have less confidence than if he had listed the entire react api by heart
I was watching and thinking "OMG, this accent from jose, sounds so familiar to me " , then I realized my self that his is brazilian, of course he is ! me too ! duuuuh ! hahahahah
The interviewer is very smart...
Yes he is! :)
Great Content
I'm experienced in web development for 3 years and 1 year in react.. how can I join Turing.. please kindly posy any suggestions..
Thanks in advance
Hi Vikay,
Thank you for reaching out to us! 😊
You can start the process by visiting us at developers.turing.com
Turing’s vetting process consists of four steps:
1. Upload resume and setup profile help.turing.com/hc/en-us/articles/360004377355-How-can-I-set-up-my-Turing-profile-
2. Work experience survey (MCQ test) help.turing.com/hc/en-us/articles/360004271136-How-can-I-take-the-work-experience-survey-
3. Coding challenge (Real-time coding test) help.turing.com/hc/en-us/articles/360004377855-How-can-I-take-the-Coding-Challenge-
4. Tech stack tests (MCQ test) help.turing.com/hc/en-us/articles/360004271316-How-do-I-take-the-tech-stack-tests-
To know more about our job roles, visit: www.turing.com/jobs
For FAQs: turing.com/KrDKoE
For any other queries, contact us at support@turing.com
We will get back to you ASAP.
Regards,
Turing
Choosing classes instead of functional components is a huge mistake. This means that neither of you have any idea about react.
Awesome interviewed..
Glad you enjoyed it!
Please consider subscribing to our channel for more of such videos 🚀
thanks a lot for making this kind of video
Our pleasure!
Good interview.... keep bringing more.
"Thank you for your feedback!
We'll make note of this and be sure to include this in our future videos.
Do subscribe to our page so that you get notified of more such videos :)
Sir i want a javascrip interview including react express vanilla js redux etc.
Thank you for your suggestion, Arijit! 😃
We'll make note of this and be sure to include this in our future videos.
Do subscribe to our page so that you get notified of more such videos :)
what about vuejs
very nice interview!
Glad you enjoyed it!
Him: "...and then I deleted prod database"
Jose: "Nice! nice..hmm"
Also kindly include Django
Thank you for your feedback. We'll be sure to make a note of it :)
@@Turingcom i have an idea you hire me and let's do the mock interview lol hhaahaha
Awesome interview
Thanks! Glad you found the video helpful! :)
Great Video
Thanks for watching! :)
This looks like a Jr position interview
Please come up with React GraphQL mock
We'll be sure to make a note of this :)
Actually their is no reason to right class base component over functional component his argument are totally wrong , fc can handel complex state with useReducer
Amazing!!!!!
Thank you! Cheers!
I’m a senior…. Citizen.
This could easily be the worst explanation of Virtual DOM possible :D
is this senior for real?
unfortunately the candidate didnt pass lol
prey, telling azan