[ Live ] React JS Interview 🤯 | Frontend UI Questions 🤒
ฝัง
- เผยแพร่เมื่อ 7 ก.พ. 2025
- Wanna dive deep into React JS with me? Checkout my course, `Namaste React` - namastedev.com...
Use coupon code - `CODE72` for an exclusive discount for this community.
In this React Interview Video the interviewer asks a lot of fundamental questions to the candidate about React JS and how things work behind the scenes in React JS.
There are many important React interview Questions covered along with live practical demo of machine coding a mini project in React JS.
The candidate gets stuck at some point in the middle of the interview and then thrives his way through very soon. There was a lot of in-depth questions asked while the candidate was building the mini project.
There is a lot to learn from this video and trust me it will help you a lot,
THE ONLY REQUEST IS TO PLEASE HAVE PATIENCE AND WATCH IT FULL TILL THE END. 🙏
If this video was helpful, give it a thumbs up and subscribe to my channel for more such videos. 🔔
Link to Subscribe: www.youtube.co...
If you want me to cover any specific topic, then comment down below. I would be happy to help you.
Cheers,
Akshay Saini
akshaysaini.in
Stay Connected:
LinkedIn - / akshaymarch7
Facebook - / akshaymarch7
Instagram - / akshaymarch7
Twitter - / akshaymarch7
#Javascript #JavascriptInterviewQuestions #AkshaySaini
So many people owe you like me for their careers, I was working in an MNC as a support role(read a call centre type job) but I was always interested in frontend development, after watching your Namaste JS course, I immediately enrolled to Namaste React and parallely started applying, today I've received a job offer with 120% hike, and all I did was to follow your course and this amazing concept clearing and how to explain in interview video,
God bless you and thank you for providing such excellent content and one can escape tutorial hell by learning ftom you.
Congratulations, wish you the best for this new career journey!
how u managed the project explanation ?
How can you explain your work experience
You deserve an oscar acting like an interviewee😂👏👏
0:30 difference between state and props
1:25 creating a new react project with "create-react-app"
3:20 what is "create-react-app" doing. overview over default files created by it.
8:32 types of components in react
9:40 what is jsx
12:20 creating state using useState hook
12:56 how to drink water from an empty bottle
14:06 normal variable vs useState variable
22:30 demo of using props
26:15 building a carousel
29:45 ways of exporting (default vs named export)
32:20 styling in react (inline inside jsx, css separate file, tailwind)
34:30 installing tailwind
51:37 getting rid of the same network calls using map inside jsx and dynamic className
59:00 what is CDN (content delivery network)
1:00:35 why use key with map
1:03:20 useEffect hook
1:09:28 react component lifecycle
1:10:55 moving hardcoded data in separate constants file
1:03:08 swasth bharat ka irada
how to drink water from an empty bottle🤣🤣🤣🤣
"how to drink water from an empty bottle" 🤣
Oh ok got it 😂😂
how to drink water from an empty bottle😅
Wanna learn React JS from me? Checkout my course, `Namaste React` - namastedev.com/namaste-react/?version=2
Use coupon code - `CODE72` for an exclusive discount for this community.
Also, do let me know in comments, did you like this video?
Which topics should I cover next?
Namaste DSA
Namaste system design
Namaste backend
Really love the way you are teaching and in the in depth knowledge you are providing are invaluable. Please share namaste DSA 🚀 as soon as possible sir. We really need that.
Thanks for sharing this video 😊
Hi Akshay... I've watched your Namaste react series and diving deep into react more more. I want to figure out a couple of mistakes in the candidates code. I wonder if it was deliberate to act as a candidate or not.Correct me if I'm wrong. Because you taught never trust anyone blindly, even though if it's your teacher 😂
1) When you're incrementing the index by one by adding +1 to the previous state, you're adding to the state variable directly inside setState. Like, setSliderIndex(sliderIndex + 1).
This can be problemetic in certain scenarios.
e.g, Adding two set state function one below another:
setSliderIndex(sliderIndex + 1);
setSliderIndex(sliderIndex + 1);
If there're multiple setStates updating the state simultaneously, react performs a batch update to optimise the render cycle. It should combine the setState and increment the value by two... Like, setSliderIndex(sliderIndex + 2);
But in this scenario, no it'll only update the state by one. Because setState is asynchronous. When the 2nd setState function is executed, the 1st stateValue is not updated yet to the latest one.
That's why it'll be only updated to one increment.
Solution: When updating a State is dependent in prevState, we can pass a callback to setState, which takes and argument and that argument gives us the exact previous state. So everytime we perform setState, we'll make sure we're incrementing the last updated state.
Syntax: setSliderIndex(prevIdx => prevIdx + 1)
2) In the useEffct dependency, that sliderIndex state variable was not needed. Because, instead it was asking for that incrementSlider function. But we cant pass the function directly to the dependency array, since it'll be created on evey re render. So that we can wrap that function in a useCallback and pass it in the deps array. So, the squiggly lines will go away (Either add it or remove it). And, while explaining the component life cycle, you gave example of that use effect. On every re-render cycle component is getting created, mounted and unmounted. In that unmounting phase, the clean-up function is being called. But, here the unmounting phase was not there. The clean up function was called multiple times because of that dependency array which was causing effect to run on every state change. Onmounting is something removed from the DOM, right? Here we're just refreshing the dom with just the exact change on every re-render. Not the whole component. I remember your reconciliation part in Namaste react🤣. And I did a lot of research in the internet, docs, react fiber, etc.
Please reply to this comment if I got these correct or not. Keep making such amazing content ❤️
Seems like akshay is in pune
Nice make videos like this more ..
Looks like a real interview with the nervousness of the student and chicky smile of interview, really love this ❤
feels like an real interview, thanks akshay sir for this interview on React
My first interview was exactly like this.. I was so scared, I kept stumbling over words, I tried to over explain things and everything that could go wrong went wrong😅 But after 2-3 interviews I became confident and now I can manage to stay composed.
An advice to all the freshers: 99% of the time your first interview will not go as you had expected. Just don't be disheartened and keep at it. Eventually you'll gain confidence. Just keep grinding💪
That's what I wanted to show here. The reason why I actually acted nervous as a candidate!! Great advice!!🚀
@@akshaymarch7 I really love your videos. Your videos helped me understand the very foundation of JS.
Keep making such awesome content❤️
Bro which company was it ?
@@therealsumitshah It was RTCamp
I legit messed up the interview 😅
bro what is your pass out year? need to ask you that if i dont know few answer of what interviewer asked how can we say no in a proper way?@@CheezePie
He is such a good actor, teacher and a guide. I feel I am there and I am giving interview. Basically he took pauses and his acting like he is also feeling fear of rejection as a fresher or student feel and minor detailing of this video is amazing. Thank you @akshay saini ❤
Actually, the interviews are more calm and gentle towards you according to my experience.😁
@@AyushKumar-dp2gv you are right
Hi Akshay sir
I am 7 years experienced Frontend developer
I worked in MNC
Now I want new job with good package and in good company
I am struggling to crack interviews
I need your assistant in multiple skills like
JavaScript, React js, Redux, unit testing, HTML, css
All set of skills which are using in Frontend development
Please give a reply
Thanks
That "Massa" on interviewer cheek is next level detailing.
Apart from awards for your JS knowledge, you deserve one for your acting ...!
This video reminds me of when I was prepping for my interview, watching your JavaScript sessions.
It's fantastic-the way you explain things is really helpful and the best. Thanks a lot!😃
You got job ?h na ?
Kudos to the effort put by Akshay ❤
He even had a hair cut for the interviewer role, and also the old school MOLE on the left cheek to differentiate between both was funny 🤣😂
The serious face of the interviewer 😅😊
Oh mam, it does take a lot of effort and planning to shoot this!
@@akshaymarch7 True 💯 Agree Akshay. Thanks for the efforts ❤️
Learned Js From you and now learning react from you no one can replace you sir 😄
❤️
yes 100%
Akshay Saini cooking Akshay Saini 😂😂
Great acting Great Knowledge 🔥🔥
Your "So... & Aaa" is really original as during interview 😂😂
Haha!
this shows in-depth knowledge of React; I like the way the interviewer continuously asks why, this, and why that is really nice
The idea of uploading videos like these enhances the knowledge of the students.One of the best unique teacher.Thank you so much sir for this
Yes this is the main goal to show students a mock interview. It's fun + learning!
@@akshaymarch7Absolutely correct sir. You replied to my comment and this made my day.
the interviewer's seriousness hits me harder than Monday morning blues!😍😍😍😍
The best thing which i like about Akshay sir's video is that bhai time kaise nikalta hai pata hi nahi chalta hai yr !! What a teacher he is!!
Your teaching methodology is so beautiful so Elegant just looking like a Monster 💀.
The entire learning experience was unimaginable, and your commitment to deep diving into every concept truly made a significant impact on my understanding of React. Thank you Akshay Sir🙌🙌 for going above and beyond to make the course engaging and for instilling a genuine excitement for React.
The unmounting cleartime out and network call optimization concept impressed me ❤
I played the video to watch an interview but it comes with a bonus tutorial as well, I learned more from this interview compared to the multiple tutorials & courses I watched on youtube. Concepts are explained in very non-technical terms, loved this interview.
What If we have interviewer like this in our placement time 😅😂
Level Sir G Level .. Bhaiya you always the best Educator for me
Namaste Javascript and Namaste React is the best Course I ever Seen.
❤
Akshay's acting skills are also getting better 😂
First thing, I'm very thankful to you for your js Videos and post on react on LinkedIn. How you explain every topic in deep, they show your passion of teaching. You are a gem for freshers who are just stepping into this field.❤ Love from jharkhand
❤
Thanks so much for this awesome video, I was thinking about going out for a beer but instead stayed inside to watch this interview/learn some JS/React, no regrets!
A huge thank you for making these videos. They are really helpful and we really appreciate your efforts which you are putting to educate us❤
Please keep making them.
Bro, this is too much. i dont see this kind of interview on react. very very helpful . thank you a lot. keep doing more videos on interview dude. thanks again.
cnt stop laughing throughout the video but really awesome and clearing concepts.Please record more videos like this
This is really a great way to teach. Kudos to you sir.. I didn't even realize the finish of the video.😊😊😊😊🙏🙏 Looking forward more such interactive videos..
❤️
I am a Deaf developer (unable to hear). I kindly request closed captions or auto-generated closed captions, as it would greatly assist me in accessing the content.
TH-cam should have added it automatically, let me check it again!
@@akshaymarch7 Thank you :)
🥺
Kudos to you brother 😢
Kudos to you brother 😢
28:25 yeh badhiya tha guru.🤣😂
The interviewer acting is so good 😅 .
I've thought u are Great Teacher ..but after watching this video U are a best Actor ever🤣🤣
Hey, Akshay I am following your content from the past 1.5 years now. I learned so much from you and your videos. I recently got a fulltime job even before my graduation, and your videos were really helpful in cracking the interviews. Thank you very much.
Excellent Akashay and a hats off to your hardwork. You are a gift to the software industry. Please keep doing more...
Thank you so much, we are greatly appreciate the time you've taken to share your knowledge with us. The way you teach concepts and explaining was perfect and it was crystal clear. Small suggestion though, we need a series of videos like this one. Keep rocking 👍
Akshay as interviewer nails with its consistency of the giving typical interviewer vibes. It's a testament to bro's acting!
Today I have an interview. Your videos have been really helpful. Wish me luck!!!
I sincerely appreciate the time and effort you put into creating this type of interview video.
More then the interview question I was enjoying @Akshay Saini acting skills and laughed a lot. Thanks for this wonderful interview.
I did the whole slider mini app with the timer to turn it on and off as soon and the interviewer asked for it, also a select to choose between different timeouts all in about 15 minuts, the image optimization is what I was missing and now I learned it, really cool concept buddy.
Interviewer full camedy mood 😂😂 बहुत मज़ा आया sir ❤ आप interveiw दे रहे है aur interviewer enjoy कर रहे है
Content quality 💯, acting 💯💯
I am also comes from Saini community Proud of you Brother. God Bless you and Keep doing likes this.
for begginers this is a really good interview.thanks bro.make more now make level more higher.
Bro got into student character such deep, he even started to give noob answers.
Thankyou for sharing. It is a very helpfull for me. but kala tikka is so good😂as well acting.
Need such cool interviewers and damn sure after studying from Namaste React Series the interviewee will tackle the pressure❤
Awesome video, I had took some kind of these interview in past. Candidates get stuck when getting asked questions stacking on one another on the same topic which they answered. Hahaha
The middle finger scene was super funny. I wish interviews had such funny moments.
for the whole iv, i keep wondering how he sync the questioning and answering only 😂 glad all question i can come out with almost identical answer with the interviewee
Kudos to you for the acting, U didn't lose your character.
Great! This time you helped not only stuends, As well as recruiter and interviewer, They got a new question and ideas to ask 😀😀😀😀
the amount of effort this have taken to make 🙌🙌🙌🙌🙌
Yes Bro 🫂
never see useState explanation like this awesom and not only knowledge but these small reaction and expression are too real
best video for React best in youtube please make videos like this...👏
Want more amazing and detail interview questions videos Akshay bhaiyaa/sir like this,
Thanks for this
Interviewer and Interviewee both are very good and Most important question was the last one :D
Akshay bhai, aise videos bahut kam log karte hai, and it takes lot of effort to create these kind of videos. Hats off brother. Students like me who are from tier-3 colleges want these kind of in-depth videos which are not even known to software engineer's who have working experience. Thanks for creating such kind of content and please create more videos like these on react. And Bhaiya as you asked which topics you should cover next. so please cover how to make react apps faster? so React Apps performance. There are very less videos on youtube on this Topic.
Lastly, GOD BLESS YOU
Ek hi to dil hai …. Kitni baar jitoge❤
Along with technical skills Akshay's acting skills are also improving day by day 😂
oo bhai sahab kya series bananya hai bhai ,why i'm so much late to see this series
Learned Js From you and now learning react ,tysm & need more videos like this 🙏
Akshay Sir did too much effort for this , he himself firstly delowered himself so that he can act like a fresher and then he recorded himself as a interviewer and the candidate , mad respect
It is always so much fun learning from you. Great content and loved your bullet proof answers on react interview questions. Have a lovely day ahead.
One more thing: apart from a great engineer you are an awesome Actor too. Hat's off to your skills and smart efforts.
Thank you for dropping this video. firstly big thanks for continuing to upload videos on TH-cam.
I hope you upload videos on more concepts of JavaScript for our community and new developers like me.
i thought i wont learn anything from this but the network call thing was a surprise, thanks for the learning
At 14:42, I felt chills run down the spine ... It was literally a dark laugh.
Wow, loved it. Was entertaining. Can you add more episodes and make a series of mock interviews❤
Thank you so much, Akshay Sir! I’ve been learning about state, useEffect, map, and related concepts, and it really helped bridge the gaps in what I had previously learned. thank you once again!
due to your next level of acting I am being distracted from understanding again and again thanks for great content , HatsOff 👏👏
such an amazing video, feels like I myself giving this interview, Thank you so much Akshay sir you are doing so much for us. ❤
28:27 great work sir aapki koi baat hi n hi
learning should be fun just like this
OMG , your acting level interviewer was yawning too😅 how are you so talented?
Hi, thank you for videos. As you often say, we will not find videos like yours)). But I'll be glad to watch interviews, where will be more professionally answers . Here you answer to questions like you are junior)) Sorry for honesty😊
Namaste React is hands down the best react course. Worth the money.
Helpful and humorous. The perfect combination! Pure gold Akshay! Thank you
Your teaching style is remarkable, and I am grateful for the amazing content and practice questions you provided in the video. Your guidance will surely help me excel in my future interviews. Thank you so much for your valuable efforts! 🙏
Man that is a lot of efforts. Really appreciate it.
Great tutorial great creativity awesome bro ❤🎉
We want more videos like these 😍 efforts 🎉💯
Me react revise krne ka soch raha tha is video ko dekh kr itne ache se cheeje frse revise hogyi he maja aagya .
Please akshay bhai made more videos like this
You are good teacher as well as good actor.😂
Make more such INTERVIEW oriented series these are very helpful ❤
45:18 😂 o God 😂😂 reaction op😂
Informative and fun to watch. Great work 👍
14:44 that laugh 😂
0:49 😅 sir aap acting me bhe carrier bana skte ho this video is literally relate to everyone
namaste Js series and namaste react has helped me lot to clear my interviews ,thanks a lot
Sir its Amazing,
I have never find someone who could have explained this precisely as u have explained and i am also fresher looking for job and currently working as a react.js developer intern , and thanks for this good video ,i fill little more confident for upcoming interviews.
Sir, I have a request. Please create a video on pagination and infinite scroll. This topic is frequently asked in interviews for React.js, Node.js, and even in regular JavaScript. Additionally, please provide an in-depth explanation on when to use each and the implementation details. Please make it similar to the way you create content. Make it in a way that questions or projects related to pagination or infinite scroll never pose any challenges.
Amazing Akshay, Thanks for the video.
Bhai ap true creator ho🙌🧑💻
It's very awesome I learn lot of things from this .Thankyou so much for this .I request please create more this type of videos.
This was just too good. I could not tell whether it was real or not until it got to the end. Thanks a lot guys for such a nice experience. I will watch more ... of your contents.
Sir, you are a gem literally, both in terms of teaching us, acting and everything, I enjoyed your teaching along with your acting. You are another reason I'm loving to code as well. Thank you sir. Today at 5PM I've my interview for a React Developer role. I don't know how will it go. But I'll try to give my best. If I get shortlisted, I'll DM you personally and tell you how you helped me out.
its really helpful video it solves many basic concepts need more videos like this
I like that the interviewer is so real that he needs to drink water. 😂😂