React interview questions and answers to clear Frontend Interview 🔥| Mock frontend developer round
ฝัง
- เผยแพร่เมื่อ 22 ก.ค. 2024
- - Are you preparing for a web developer interview for the ReactJs role ❓
- Are you preparing for any frontend developer interview for any tech stack❓
This is the ultimate round 1 of the combination of multiple tech companies' interview questions for frontend developers or web developers in React.js profile.
⭐ In this video, I have invited my fresher friend and i am going to take interview him for round 1 for a React.js Developer role. We will cover all types of questions like - Data Structure and Algorithms, Html, Css, Javascript, Reactjs, and networking.
This Video Covers ( Don't skip anything 🙏 ) ⭐
00:00 - Interview Round Content
00:29 - How would you rate yourself in HTML, CSS & JS?
00:42 - Q1: What are new tags in HTML5?
00:51 - Candidate Q1 Answer
00:58 - Expert Q1 answer
01:26 - Q2: Should we Inject Div inside a Span tag? Will Html give an error?
01:36 - Candidate Q2 Answer
01:41 - Expert Q2 answer
02:13 - Q3: How to make a website responsive using CSS?
02:17 - Candidate Q3 Answer
02:55 - Expert Q3 answer
03:35 - Q4: 5 ways to center align an image inside a div element?
03:44 - Candidate Q4 Answer
04:25 - Expert Q4 answer
04:42 - Q5: What to use px vs rem vs em?
04:50 - Candidate Q5 Answer
05:22 - Expert Q5 answer
06:15 - Q6: Name all basic data types of Javascript?
06:26 - Candidate Q6 Answer
06:48 - Expert Q6 answer
07:13 - Q7: What is Event Delegation & Event bubbling?
07:19 - Candidate Q7 Answer
07:48 - Expert Q7 answer
08:37 - Q8: What are closures? Uses of Closures?
08:42 - Candidate Q8 Answer
09:02 - Expert Q8 answer
10:07 - Q9: Find the output Problem 1
10:12 - Candidate Q9 Answer
10:47 - Expert Q9 answer
13:04 - Q9 b: Find the output Problem 2
13:13 - Candidate Q9 b Answer
13:45 - Expert Q9 b answer
15:15 - Q10: What is the need for JS Frameworks?
15:35 - Candidate Q10 Answer
16:10 - Expert Q10 answer
17:45 - Q11: How do JS frameworks work in the background?
18:00 - Candidate Q11 Answer
18:17 - Expert Q11 answer
19:07 - Q12: Lifecycle Methods of React JS Components & Order?
19:15 - Candidate Q12 Answer
19:54 - Expert Q12 answer
20:49 - Q13: Difference between Pure Components vs High Order Components?
21:00 - Candidate Q13 Answer
21:24 - Expert Q13 answer
22:11 - Q14: Difference between State vs Props vs Refs?
22:20 - Candidate Q14 Answer
22:56 - Expert Q14 answer
23:55 - Q15: What are the latest versions of Reactjs and new features?
24:00 - Candidate Q15 Answer
24:50 - Expert Q15 answer
25:15 - Q16: Difference between Class-based vs Function/hooks-based components?
25:28 - Candidate Q16 Answer
25:50 - Expert Q16 answer
26:49 - Q17: What are Fragments in ReactJs?
26:22 - Candidate Q17 Answer
27:21 - Expert Q17 answer
28:15 - Q18: How can you maintain the State of an app in complex applications?
28:30 - Candidate Q18 Answer
30:15 - Expert Q18 answer
32:10 - Q19: Have you thought about implementing 2-way data binding?
32:19 - Expert Q19 answer
32:49 - Q20: What does async await get compiled into?
33:05 - Candidate Q20 Answer
33:13 - Expert Q20 answer
34:24 - Q21: How to call 5 APIs in parallel and do something after all 5 responses have come?
34:34 - Candidate Q21 Answer
35:10 - Expert Q21 answer
36:22 - Q22: Divide a website Ui into small components for JS framework.
36:31 - Candidate Q22 Answer
38:36 - Expert Q22 answer
39:05 - Q23: What happens in the background when I enter a website URL in the browser and hit enter?
41:00 - Expert Q23 answer
41:38 - DSA Question 1
44:00 - DSA Question 2
45:54 - DSA Question 3
⭐ Useful Resources from the video:-
1) HTML 5 tags ► www.tutorialspoint.com/html5/...
2) CSS Flexbox ► www.w3schools.com/css/css3_fl...
3) 2-way data binding ► bit.ly/3e9sJCk
4) DSA question 3 ► leetcode.com/problems/longest...
⭐ Top 10 Technical mistakes in the Coding interviews (for frontend developers) ❌❌
► • Don't make these 10 TE...
➖➖➖➖➖➖➖➖➖➖➖➖➖
Follow me on:
❤️ Instagram: / himanshu_khosla123
❤️ Linkedin: / himanshu-khosla-967581123
➖➖➖➖ My Top Playlists ➖➖➖➖➖
⭐ Frontend Development
► bit.ly/3pXh4cA
⭐ Frontend Skills For Everyone🔥
► bit.ly/3R1fEtq
⭐ Software Developer Lifestyle Vlogs🔥
► • Software Developer Lif...
⭐ Data structure and algorithms🔥
► • Data structure and alg...
web development,frontend development, html, css, reactjs,javascript,javascript interview questions,frontend skills, react js interview, fresher interview questions, react interview questions ,
react interview questions and answers, react interview questions 2022, react interview questions for experienced, react interview questions in Hindi, react interview questions 2021, react interview questions Edureka, react interview questions India, react interview questions and answers Hindi
#JavascriptInterview #ReactInterview #ReactJS #frontenddeveloper
![[Full Episode] MasterChef Junior Thailand มาสเตอร์เชฟ จูเนียร์ ประเทศไทย Season 3 Episode 7](http://i.ytimg.com/vi/FOIiws4XMGQ/mqdefault.jpg)
Sir
Aapka style hee unique hai mtlab real interview jesa content upload krdiya aapne too , maja aagaya
Waiting for more awesome frontend development related topics
Thank you so much for your hard work 💪❤️😊
apne sir hi unique hai baki dusra jaise bas knowledge nhi flex karte
Fyi: Bro with all due respect you are wrong about pass by value and reference (12:20 time).
Correction: Javascript is always pass by Value. I don’t know why people are still confused.
@@aviralkushwaha6488 did uh Know the concept of clouser how it works uh should be spent some time with js
Sir please make more videos like this very useful
Mujhe pta hi nhi chala 50 min ho bhi gye dekhte dekhte. Too much valuable content with easy and detailed explanations.
Brilliant video sir : 🔥🔥🔥🔥🔥🔥 esi hi video chahiye 💯 thanku so much 🙏
khub kush new sekhna ko mila v useful video excellent sir done subs plz make more videos
Such a good way of taking interview and putting your answer in between man. Just loved the idea. Thank you for sharing this.
Before my Every Interview of frontend developer or react js developer I do watch this and feel a bit confidence I really request you to do more such these
Very helpful , please make more interview videos.
i watch your first video and subscribe without any dought , such an amazing containt dispay flex , align iteam center 😁
So good. Pls have more videos like this 👍
Interviewer and candidate both are awesome and very informative vedio
Hello Sir,
With due respect, can I insist you to make a whole separate playlist on all possible interview question including such major and minor details on topics ??? It is very helpfull. Thankyou so much.
It was v good, Needed a full stack Mock Interview
Thanking you sir for this video.its very helpful for freshers.🙏
Now I get full confidence because I know all answers thankyou
Great vedio 👍
very nice i seen over all thanku againe
Yeah, this content will be really helpful for the freshers like us. So sir, please continue this series
Sure brother ❤️
@@himanshukhosla bhai BA background wala student frontend may jaa skta hai , ye sab learn karke ??
Plz reply me ??
Questions Saare dekhna fast forward karke. For sure they will give you an idea of real interview questions. Also do let me know your feedback for this kind of video.
Lets aim for 200 Likes on this. Then i will make a video for Senior Frontend Developer Interview Questions
Comments me feedback jarur batana
excellent video!! but now you should make a second part where the interviewer discusses projects in your resume
great content , thanks sir
Bhaiya bahut-bahut-bahut usefull video tha. 👌👌✌️✌️👍👍
Please aise videos aur dalo yaar.
Sure bro ❤️
Really your content is awesome ❤
Bohot acha video nice keep it up.Bohot kuch jaise realistic tha.live experience hua jaise.🔥🔥👍👍👍
Thanks brother
this video is really very very very .....good
I did not know this chanal before this video
amazing work
sir, can you please make that type of video for node also if it is possible
This video is very very very helpful 🙌❤❤🙌
#Superb
bhai saaab.... mza hi aa gya ye interview dekh kee... khud ka revision b ho gya sath sath ki hum kitne panii me hein... thank you sirrrr
Glad you liked it
this video was awesome
Great 👍
thank you for this. But it would be great if u answer in English so that we get to know how to frame the answer in front of the interviewer
bro make this type of more video thanks a lot
this is only rare content on whole youtybe
Sure brother. Do share it with others
very helpful sir 👌
43:30 reverse() work only on array not a string
U are right
Is it necessary to have graduation to apply in FAANG, if not? Then recommend the roadmap please. How can I apply in FAANG without graduation.
Helpful video ❤
bro i have a question (what is the level of this interview and tell the package we can get after clearing this level of interview.)
Very nice video with more helpful questions kindly make more such videos thank you 😊🙂
Sure 😊
@@himanshukhosla sir me abhi BTech 2 nd year me hoon or me abhi. React sikh raha hoon sir app please reply dijiye ki kese me ek front end developer ban sakunga 🙏🙏
@@RudraPratapbarik4567 make my projects video and make them
Sir, Amazing 👏 content..
Thanks brother ❤️
Thank you sir ❤
Can you tell where to apply for hob application? Btw awesome video!
First of all the interviewee told that react is a framework he is wrong.React is a library.
Library
Not entirely. Though React is a library but majorly it's used like a framework. It's a debateable topic.
Hmmm 🤔, just because React is a library and he is mistaken at a point, but bro aage ki video av baki hai baki ki video me aapko kuch sikhne ko nahi milega aishi baat to hai nahi.
@@bhaveekjain4246 There is a difference bet library and framework.Angular and vue js aree framework whereas react is library
Love from Pakistan and I like ur content❤
helpful ❤
43:00 reverse () only work on arrays. Not in srings. 😂
Awesome 👍👍👍
Thanks 🤗
Thanks bhaiya....
👍👍
Mazaa ka thaaa, lkn asaan lag raha thaaa, are that actual requirements for fresh page...
What can be the salary for passing that interview ?
Need part 2
saved to watch later.
Good
thanku
You make me happy by just changing the thumbnail the content is same 🙃
Yeah thumbnail improve kiya hai phle se, video is samw
sir plzz make keep on me=aking this series
Thank you sir this is so nedded video
thanks brother
Bhaiya thank you for these questions🙏🏻. Apne iss video m except FAANG mention Kiya tha. Kya ek aisi hi video FAANG specific (TOPICS) or questions pe Aayegi? Btw Thank u for these informative videos. Content tooo oppp ❤️🙌🏻
Thank brother. Have replied on your other comment
👍👍👍👍
helpful
English jyada use hoti hai ya hindi
Thanks....
Bro with all due respect you are wrong about pass by value and reference (12:20 time).
Correction: Javascript is always pass by Value. I don’t know why people are still confused.
21:30 bhaiya pure component to wo hota na jo re rendring skip kr deta hai agr use same props aur state mile?
Yes pure component ki khud ki state nhi hoti bas props pe rely karta hai. And agar props change na to vo re render nhi hota
react js is not a framewaork. it's library
Hey, if you called someone as best frond end developer, so what skills he or she should have?
1. Ability to convert a design into pixe perfect working website
2. Should be good in writing html, css and Js
3. Should always be learning new skills and teaching others
List will go on..
Bhai JavaScript aati hai tujhe??
If interview asked these type of question (what is closure ya Linklist ya other) so give only defenition ya hole concept like what is closure and advantages disadvantage then code
So, Sir how to answer these type of question
Nhi just explain the concept with a simple example. but you should know Advantages and disadvantages very clearly because he may cross question you on a real life problem as a next question and ask you to apply these concepts. So you should be able to make informed decision and apply these concepts
Brother how to get a job without experience, because I am fresher, you also had gone through this phase( I know html css Javascript and Bootstrap) and made projects upon them
Bro do multiple Intership’s in college to gain experience. The start applying online for off campus jobs and referrals through linkedin. It will take 3 4 months so be patient
Give interview rounds on hacker earth
Bhaiya I want to become a web designer ,what do i need to learn for this..i only know HTML,CSS and a little Bootstrap 5 and how to prepare for the web designer interview?
Web designer to bro works on design tools not html css
Watch a web designee roadmap
Kiya bhai Html css javascript ke based par as a fresher job mil sakti hai...only 15k ki
Intership karlo 15k ki to vohi mil jayegi. Job ke liye aur skills learn karni pdegi
Bhai ek recommendation dunga please try to make videos where you share interview experiences of the web dev freshers. Interviews of experience holders are easily available but there are not a single interview experiences video available of the freshers.
Yh fresher ke liye hi to hai brother. If i am missing anything let me know
@@himanshukhosla bhaiya I was talking about a series like you invite people on weekends to your channel, after all your videos are very informative.
Ooh. Sure i have that in mind. But i plan to do after completing 1 series that i am cured running .
Please koi btawo IT company me interview Hindi me hota hai ya English me
only in english..you should learn english for IT jobs interview
@@poojakumarikumaripooja4002
the most common question u skipped let var const diff..hahahahah..but video is nice
Hi
I completed my engineering in 2017 batch
I have no experience
Now am preparing for frontend developer.
I need to know the interview rounds
Do i need to clear the apptitude round first and then technical round.
"Is apptitude round is must in all company"?
DSA vs. Development: Make the Right Decision for you career 🚀 | levelupfrontend hindi
th-cam.com/video/28ELHGVkb5I/w-d-xo.html
sir can only 12th pass student get job of frontend developer with good average package as a fresher ?
Atleast one bachelor degree would be good. Many companies claim that they will hire after 12 but it is very difficult.
Should I learn figma for front end development?
No brother. Have already replied to your previous comment in detail
Just got stuck in the last question only otherwise i have cleared the interview 😅
Just joking i know samne baith kr sara kuch bhul jaunga😂
Sir closures bahi hota hai jo variable function k close ho ussi ko access krta hai issi ko closures khete hai kya agar global define hai variable or function m define hai same variable to function k excute krega variable.
Nhi bro online search kro ek baar closures, jo aap bol rhe ho vo nhi h
@@himanshukhosla accha bo hai jo lexical scope me variable se value access krta hai
Sir is type k interview ke bad kitni salary offer kari jati h? In react agar banda 1 year experienced h
Bro yh to fresher level interviews tha for 3-6 lpa.
React 1 year ka interview to iss se tough hoga.
Sir, when will you release more front end skill topic ?
This week only brother.
Bhaiya pls reply me ...maine html,js,css complete kr liya hai phir react bhi complete krna chahiye kya tb job. Ke chances jyada honge ya phir html, javascript hi enough hai ya react complete krke achhi job milegi 🙏🙏🙏 pls reply me
React is 500 percent required bro
@@himanshukhosla ok TQ sir
Bahiya is that real ekdev ne kaha ki React js sab jante hai sabko ata hai to company apka cv portfolio bhi nhi dekhti job hi nhi hai is that real thing ya fir mai technology shift karu ya React Love pe stick rahu very confusion pliz reply and suggest deeply .. thank you
Kisne bola yh 😂 bas ek baar google pe jaake react js jobs search karna. Lakho open jobs hai brother. Aur lakho aur aayengi future me. Kisi me mat suno, start mastering Reactjs and core JavaScript
@@himanshukhosla ok bahiy mai bas apko hi blindly follow karta hu codingphase ne bola tha . and now only working on this stuff and follow you .one day i will make it.thanks for reply .and you are gem .
How much experience till these types of questions asked
These are for freshers only but this interview is for good pay product based companies. For others like tcs etc it will be easy
Closures
Sir, apka interview hindi me ha so company interview kya hindi allow karta ha ki khali English ma hii samjhana hota ha plz reply sir....
Usually interview hindi + english me hota hai developers ka but for companies like tcs, ey, za jaha pe aapko unke clients se baat karni hoti hai. Vaha pe english bhut haruri h to isisliye vo english me lete h
@@himanshukhosla so sir kya ma interview k dorun kuch chiesaa samjane k lia hindi use kar sakta hu? Ya sirf English ma eii samjhana hota ha. Kiuu ki agar ma apna language use karunga to English se accha samajha payunga interviewer ko
sir react ka latest version twenty bola kya apne
18
Bhaaiya I want to have a mock interview with you if possible. I know HTML , CSS , JAVASCRIPT and ReactJS
Sure connect with me on social sites?
Links are in my profile and youtube description
@@himanshukhosla Bhaiya I have sent you connection request in linkedin.
Plz accept and lets connect.
Thank you so much for replying at light speed.
Your content is awesome keep it up🤘😎🚀
Can freshers get job in amazon in FDE(FRONT END ENGINEER) ?
Yes with very less dsa . There are frontend specific openings in amazon
@@himanshukhosla thank you so much sir for fast and informative response 🖤🔥
hindi m kyu h interview companies me to english m hota h na ??👀👀
This is in hindi to teach, rest in india product based companies interviews mixed languages me hote h
Bhai ye interview fresher ke liye hai ya experience ke liye
Fresher ke liye
bro ap is interview ma agr ya bacha select hota kitna pkg daity usy
8-12 lpa
pakistani kitny bany gy
hi bhaiya DSA ka kya roll he apake ke life me abhi right now(in frontend)
Basic dsa hi use hota hai, like array maps
@@himanshukhosla thank you ❤
actually i am stuck in recursion thats why i ask and remaining topic i am good on thos but recursion its terrible
Bhaiya ,Mera Full Stack Development (Mern Stack) Complete hone wala Hain,+Javascript me DSA me master hoke 40+ lpa ka package liya ja skta h kya ? relevel ya ya koi another platform v Btaiye uske liye? With full stack+expert in DSA = 40 lpa package 😢plz reply,main bahut mehnt krrha hu,thoda time deke is conversation ko ache se reply deke mekko guide kr dijiye main btech 7th sem me ab gya hu
Bro sidha 40 lakh ka package is thoda difficult.
But you can easily gat package of more than 20 lpa in any decent product base company or startup. If you have really master dsa and web skills. Try interviewing in amazon or solve their mock interview questions. You will know about your level and whether you can easily crack them or not. Then give an interview in them.
Refer yourself through any working developer in the company, they will be very happy to help you as they get bonus if you get hired
For more guidance you can connect me on my social handles to discuss
@@himanshukhosla thank u so much bro,aapne serious lekar itne achhe se guide kiya,aajkl log reply v n krte utuber sb ,but u r osm 🌹
@@himanshukhosla ok bro
Sir,
It wud be grt if you cud take the interview in English Vinglish !!!!!!!!! :)))
SRS hindi me nahin hota na ................... :(((
Sure bro will do that in next video. But english me hi hoga aisa kuch nhi hai. Tech role me interviews hindi me bhi hoti hai. Maine aaj tak 15 interview hindi me diye hai.
Kuch thodi service based companies like EY, TCS want you to know English becuase you will be talking to their foreign clients while building their projects. But jo product based ya startups hote hai. Unke liye enligh itni matter nhi karti interview me.
But fir bhi thodi si aani chaiye
Bhaiya css ki playlist kha h
Nhi h
mai hindi mai sare answer de sakti hu par English mai nahi de pati hu
if a interviewer asked questions in english
can i explain him in hindi?
Yes you can answer in hindi and hinglish, only some companies like EY and service based have issues in that because you will be interacting with foreign clients
Hi bhaiya , am currently 2 years in the industry working as production support for a service based mnc but been wanting to shift to a developer role. Could you please make a video covering this topic on how to achieve this
Sure brother will make it soon
Hello hai kya hm baat kr skte h yr
@@fearlessvines7744 dm
@@MultiFPSFanhi you got shift to other company ,may I get your notes?
Interview Hindi me 😮 English me hota hai ?
Dono ke hota hai jis me aap comfortable ho us me ap de skte ho
Can anyone tell me the frontend and full stack developer salary fresher pls?
Frontend developer Real Salaries in India 🤑💰|| How to increase your ctc according to Lead Engineer
th-cam.com/video/Nu81aK4CxoA/w-d-xo.html
@@himanshukhosla thanks btw great content ❤️
React JS is a library not a Framework
Is it fresher or experinced candidate bro?
Fresher