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.
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
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!
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.
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.
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
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
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 🚀
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
@@gac5700 I am working as Web developer html css js php wordpress etc learning..... also doing Freelance online offline and learning more and more 😎✔️👍
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
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
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
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 .... :(
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 :)
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
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
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")
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.
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
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 :)
"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 :)
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
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
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
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
Loved the way Jose talked. Friendly and encouraging.
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.
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.
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! 😂
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?
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.
Wow interviewer is so nice. It is like a big brother discussing about something.
Glad you enjoyed the video, Ghulam! :)
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
Thanks Jose and Rakib. I am thoroughly encouraged to engage in Turing Interview.
Wonderful! Glad you found this helpful Uche! :)
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! 🚀
Great interview! It's my dream work for a forein company. Thanks for this!
Wow when I am actually testing. I'm using jest (also normal built in debugger). Though I might be outdated.
Awesome interview gives really helpful to prepare for applying in turing
Glad it was helpful, Mohammed! :)
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 🚀
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
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 😎✔️👍
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
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! :)
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
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
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
Love the Azaan in the background at 2:00 mark.
Lots of background noise disturbances
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
Looking for more interviews like these
Hey!
Stay tuned to our page!
We'll be sure to share more helpful videos :)
Huh, I thought questions for a senior dev would be much more advanced. That brings comfort.
👍👍👍👍👍👍 , Best interview video i ever seen
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 .... :(
Actually thankyou for this video! This video gave more insights!
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
In my interview experiences, I never come across an interviewer as lenient as Jose. I wish all of them would be as tolerant. 😅
new question for me are:
1) how you test reactjs application?
2) react linter
3) code splitting in react app
Such a nice interviewer
Thank you! Glad you enjoyed the video!
Please come up with React GraphQL mock
We'll be sure to make a note of this :)
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?
Incredible video!
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
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. :)
If this is going to be an interview for senior post, I got the job! 😎
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
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")
Informative video ❤
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.
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
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 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 :)
To be honest, these are all questions asked in Junior positions. Even the Redux questions.
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
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 :)
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
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!
Him: "...and then I deleted prod database"
Jose: "Nice! nice..hmm"
The interviewer is very smart...
Yes he is! :)
Great Content
very nice interview!
Glad you enjoyed it!
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
Awesome interview
Thanks! Glad you found the video helpful! :)
Amazing!!!!!
Thank you! Cheers!
Great Video
Thanks for watching! :)
This looks like a Jr position interview
Choosing classes instead of functional components is a huge mistake. This means that neither of you have any idea about react.
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