React JS Interview Questions ( OTP Login ) - Frontend Machine Coding Interview Experience

No video

React JS Interview Questions ( OTP Login ) - Frontend Machine Coding Interview Experience

Рет қаралды 108,046

RoadsideCoder

Күн бұрын

Пікірлер: 112

@RoadsideCoder 7 ай бұрын

🔴 Get my Complete Frontend Interview Prep course - roadsidecoder.com/course-details ➡ Book an Interview Preparation call with me ( 20% OFF for limited time ) - topmate.io/roadsidecoder 🟪 Follow me on Instagram and u will clear your interview 🤓 - instagram.com/roadsidecoder/

@rishiraj2548 7 ай бұрын

👍

@mdiftekhar0000 7 ай бұрын

valid

@_sarthakmisal 7 ай бұрын

Bhai paise nahi hain

@amitavasengupta5580 2 ай бұрын

I had my machine coding round yesterday and the interviewer asked me to code this otp functionality. He was super impressed and I got selected in the technical round, next is hr round. Thanks dude for making this awesome content. Wish I had even 50% of the knowledge you have then I would be a superhero like you

@RoadsideCoder 2 ай бұрын

Amazing bro! Congrats.

@iniyaninba489 23 күн бұрын

@@RoadsideCoder Bro I have a doubt, in this video, at 4:00 , You just clicked on PhoneOtpForm, and then it got imported in the code, how can we do it bro, which extension bro?

@manojinderparmar2277 6 ай бұрын

Thank you so much for creating such a usable OTP component. I have implemented it in my project after learning it from you.

@hamzaseif4992 7 ай бұрын

Me : there is no way i will get asked these tricky js questions in my interview but lets watch roadsidecoder js interview questions anyway, 95% of the questions were from your videos lol , thanks a lot

@RoadsideCoder 7 ай бұрын

Hahah, Thanks a lot!

@rocs11 7 ай бұрын

Awesome tutorial! I'm new to React and I followed along in Typescript and had no problems. Very good explanation of why you use particular methods/patterns in certain situations! btw, you jump scared me with the Instagram sponsor 🤣

@H_NileshKumar 7 ай бұрын

Is it necessary or important to shift to typescript in react?

@rocs11 6 ай бұрын

@H_NileshKumar Neither TypeScript nor JavaScript is strictly better for React development in all cases. But it has its advantages, like type safety and better IDE support (autocompletion, etc.). So, for more complex projects, I will use Typescript, and for fast prototyping, I'll go with Javascript. But again, it's also a preference.

@H_NileshKumar 6 ай бұрын

@@rocs11 I see , well I just found that I suck at logic building. Maybe bcoz I haven't done many projects with simple js ,so I'm doing that rn

@omrajgure4553 7 ай бұрын

Hey you are awesome 🙌….your channel is so underrated 😢…..thanks for this great content and try making a playlist of you developing complex only react projects ❤…..you gained a sub 🎉

@web_dev_with_ak 7 ай бұрын

Very very very useful video for frontend developers. Thank you for giving the knowledge 👌👌👌👌

@mdiftekhar0000 7 ай бұрын

yeah you're right dude

@ManoharBatra 7 ай бұрын

best video on machine coding, you covered many things in one video.. kudos... let's collab again because my audience is waiting :)

@RoadsideCoder 7 ай бұрын

Thank u so much bhai 🥹

@rayyanabdulwajid7681 7 ай бұрын

Yea, it was an excellent video

@eehan1769 Ай бұрын

i had to watch twice to keep up but amazing content!!

@griffinannshual4205 7 ай бұрын

Great video brother, learned a lot!

@kiva1806 7 ай бұрын

Outstanding very useful video & doing a great job bro🤓🤓🤓

@aqibmalik6313 7 ай бұрын

this has many bugs click backspace on 3 field gives error backspace does not remove the value in first field

@goshmain982 6 ай бұрын

this is practical example of real world enterprise grade production ready tutorial thank you so much

@RoadsideCoder 6 ай бұрын

You're welcome!

@Lucifer-xt7un 7 ай бұрын

Sir please bring a complete machine coding course please there are no one who are dealing this in complete market

@RoadsideCoder 7 ай бұрын

Releasing Soon. 🔥 Join here to be updated - discord.gg/2ecgDwx5EE

@Lucifer-xt7un 7 ай бұрын

@@RoadsideCoder may i know any tentative time line for course launch pleasee

@RoadsideCoder 7 ай бұрын

1st week of feb most probably

@Lucifer-xt7un 7 ай бұрын

@@RoadsideCoder exciteddd🥳🤩🔥

@nisargbarot1998 7 ай бұрын

Nnn@@RoadsideCoder

@suchithkumargm Ай бұрын

amazing video....very clear explanation

@prashanthgv86 7 ай бұрын

Please create a video on Form Validations

@subhadeepghosh2813 7 ай бұрын

U are really doing a great job bro

@Aviralsingh-yw7xx 7 ай бұрын

Thanks a Lot Sir.

@RoadsideCoder 7 ай бұрын

Welcome!

@LatentIndia 7 ай бұрын

sir please make video on portfolio website using react

@xdotaku5182 6 ай бұрын

I didn't try it, so correct me if I am wrong. If we are using "tab" button to move b/w components, the "onClick" won''t trigger. So maybe we should run the cursor positioning function on "onFocus"?

@PulkitMalhotra Ай бұрын

Nice video but where is the verification logic part

@nikitarawat953 6 ай бұрын

onKeyDown event is not working as expected. when i click backspace, the cursor still remains on the same input and when i again click backspace it goes to the previous input and automatically delete that otp. Instead, onKeyUp works perfectly fine in my code. why this happening?

@nishanbangera9349 5 ай бұрын

I am facing the same problem...have u rectified the reason for that bug?? If yes please tell me

@arpankumar4176 7 ай бұрын

make a video on form validation

@RoadsideCoder 7 ай бұрын

Definetely!

@harvindersingh9170 2 ай бұрын

Why don't we just use a normal text input to place OTP?

@ChauhanJiVlogs007 6 ай бұрын

Great video... Brother...🎉🎉🎉🎉

@TooJoo77 6 ай бұрын

HomeWork answer : const value = e.target.value; if (value && idx < length - 1 && inputRefs.current[idx + 1]) { inputRefs.current[OTP.indexOf("")].focus(); }

@theofficialleaker2495 6 ай бұрын

its too long bro just do if (index >= 0) { inputref.current[otp.indexOf("")].focus(); }

@guptasagar694 5 ай бұрын

@@theofficialleaker2495 Kaha se chalega ye, Question kya he aur tu bata kya raha he, agar kisi input field jo empty ho uspe directly jana he

@anusmitakundu2366 6 ай бұрын

This is so good. 💯

@soumyadyutinandy5119 7 ай бұрын

Just implemented wordle and it is very similar to this concept

@debaprasadbehura968 3 ай бұрын

bhai esa laga ki jaise tune ye sab kahan se rata mar ke ayae tha baise likh diya jo kar raha hai samjahana cahiye tha na bas likhe ja raha hai yar btw good content or code already present in geeks for geeks

@RoadsideCoder 3 ай бұрын

bhai iss video ko follow karne se pehle apko react js aani zruri hai, else u wont understand the code.

@ffgameing8936 3 ай бұрын

@@RoadsideCoderBhai react padha hun main Mujhe app PE koi doubt nehi Hain bus ya bol Raha ti app ne pura geeks for geeks copy kar diya Apne kuch neya nehi samjhaya isiliye bola ye Mera alag I'd hai But thanks to this video It helps me know a lot of things ❤❤❤❤❤

@akshaylokray 6 ай бұрын

@RoadsideCoder how to build Aadhar input box where we have 3 input boxes that take 4 numbers each?

@LENDUONG-er3zq 3 ай бұрын

hay quá anh zaii oiiii

@user-dd7kw3ym5i 7 ай бұрын

this is a smaller code to only focus first input element, put this on attribute "autoFocus={index == 0}" 🤓

@subramanianchenniappan4059 7 ай бұрын

Great . Thanks 😍😍.

@srikarravoori124 7 ай бұрын

I have got the downloaded file. Thanks

@ultragamersvk1668 6 ай бұрын

WHY DON'T YOU USE TAILWIND CSS?

@_sarthakmisal 7 ай бұрын

How is onOtpSubmit still working even after you declared it again with const

@asadmehboob1300 7 ай бұрын

If we want to past 4 digits from email or phone no?

@technicalrider6196 7 ай бұрын

Continue this series

@Gymaurcode 7 ай бұрын

Bro make videos on RTK query and redux toolkit

@captainjacksparrow8916 7 ай бұрын

Thank You sir jii

@dasarimanoj3086 7 ай бұрын

When we gave the condition of phone number length to be < 10 then why is it allowing us to type random number more than 10? Shouldn't we throw an alert?🤔

@RoadsideCoder 7 ай бұрын

we are saying lenght>10 not less, just as an example.

@ajaymalviya.7 6 ай бұрын

The length should be exactly 10 and having only 0-9 in regex isn't correct validation, but that logic 000000000 will also be a valid number. Indian numbers start with 6-9 or 0 (044) in case of landline numbers.

@jsagar95 7 ай бұрын

Thanks!

@sandiss1210 6 ай бұрын

guys how can i get thier animated background

@nileshsangle4946 6 ай бұрын

nice one sir

@DastageerHC 7 ай бұрын

I was asked this question last month,

@murali-krishnan Ай бұрын

Are you a fresher or have some experience? At what level does this question get asked?

@arjunjadhav3062 7 ай бұрын

i am trying to book your call but not happening actually money deduct ho gaya he do baar but call booked nahi huva.

@RoadsideCoder 7 ай бұрын

Please contact me on instagram @roadsidecoder with the screenshot

@_sarthakmisal 7 ай бұрын

Bhai console close Kara Karo recording ke time

@eehan1769 Ай бұрын

19:29

@AshikRahman-fw3sv 7 ай бұрын

WOW 😲😲😲

@pkam5690 5 ай бұрын

Hey, that's my number..

@RoadsideCoder 5 ай бұрын

50 diffrerent people said that

@ZainRamzan-pt8cm 7 ай бұрын

Brother don't wast time on building such UI from scratch you can use the thirld party libraires .

@RoadsideCoder 7 ай бұрын

In interviews you wone be allowed to use third party packages

@theofficialleaker2495 6 ай бұрын

Home work Answer ; do it inside onclick if (index >= 0) { inputref.current[otp.indexOf("")].focus(); }

@_sarthakmisal 7 ай бұрын

Bro theme kaunsi hai

@RoadsideCoder 7 ай бұрын

peacock extension

@goshmain982 6 ай бұрын

love you

@gautamnangla2594 7 ай бұрын

Sir ye fresher interview question h kya experience

@RoadsideCoder 7 ай бұрын

both

@gautamnangla2594 7 ай бұрын

@@RoadsideCoder sir web dev kr rakha h pr job nhi mil rahi h . Portals pr try krte h scam call aati h and paise maangte h .. . Kuch btaao sir first job kaise le IT sector m

@guptasagar694 5 ай бұрын

Nahi Mil paege..Kon si city me ho...Let me know, I will help@@gautamnangla2594

@gautamnangla2594 5 ай бұрын

@@guptasagar694 faridabad haryana

@AlgoIT__ 7 ай бұрын

Unnecessary give one input box y u need 4 I never understood

@RoadsideCoder 7 ай бұрын

hahah, because this is the convention of an OTP Input

@aakashyadav6228 6 ай бұрын

NGL, looked like you yourself were bit confused

@samarscript5824 6 ай бұрын

33:49 Is there anyone here who has done the work I came specifically for?

@guptasagar694 5 ай бұрын

Yes Bro, if (value && inputRefs.current) { for (let i = index + 1; i < length; i++) { if (!inputRefs.current[i].value && inputRefs.current[i]) { inputRefs.current[i].focus(); break; } } }

@Upsc2029-hy6ey 6 ай бұрын

fun fact: mobile number will go viral.

@AshikRahman-fw3sv 7 ай бұрын

💚💚💙💙💖😍😍

@guptasagar694 5 ай бұрын

To be honest, i foillowed this tutorail but the logics opf moving inside the OTP field, I didnot get any logic, Didnot understand a word...What to Do, Please help

@mattakalyan1427 7 ай бұрын

best video at final I tried with this logic inputRef.current[newOtp.indexOf("", index)].focus(); and it worked I just want to compare with your logic @roadsidecoader