React JS Interview Questions ( Password Generator ) - Frontend Machine Coding Interview Experience

Подписаться 110 тыс.

Просмотров 24 тыс.

50% 1

🔴 Get my Complete Frontend Interview Prep course - roadsidecoder.com/course-details
#JavascriptInterview #ReactInterview #ReactJS
React Interview Question on building Password Generator will be created in this video along with tips and tricks to tackle your React JS and JavaScript Questions in Frontend Machine Coding Interviews.
👤 Join the RoadsideCoder Community Discord -
/ discord
➡️ 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 🤓 -
/ roadsidecoder
🔗 Complete Data Structures and Algorithms with JS Course - • Data Structures and Al...
➡️ Source Code -
github.com/piyush-eon/fronten...
🔗 Frontend Machine Coding Interview Series -
• Frontend Machine Codin...
🔗 Map, filter and reduce -
• Javascript Interview Q...
🔗 Cars24 Interview Experience -
• Frontend Interview Exp...
🔗 Unacademy Interview Experience -
• Frontend Interview Exp...
🔗 Tazorpay Interview Experience -
• Frontend Interview Exp...
🔗 MERN Stack Tutorial with Redux -
• MERN Stack Project Tut...
🔗 React Beginner's Project Tutorials -
• React JS Project Tutor...
-------------------------------------------------------------------------
00:00 Intro
00:05 Problem Explanation
02:33 Initialise a new React App
03:03 Building the UI
13:15 Creating the States
15:55 Checkbox Selection Logic
17:04 IMPORTANT ANNOUNCEMENT
17:38 Password Generation Logic
17:42 Creating a Custom Hook
18:15 usePasswordGenerator Custom Hook
21:58 Password Character Set Generation
24:02 Picking Random Characters to generate Password
26:02 Error Handling
28:52 Copy Password Logic
31:56 Password Strength Checker Component
37:06 Optimising Our Code
37:58 Refactoring Button Component
40:30 Refactoring Checkbox Component
-------------------------------------------------------------------------
⭐ Support the channel and learn from me One on One -
/ @roadsidecoder
Special Thanks to our members -

Опубликовано:

14 июл 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 62

@RoadsideCoder Год назад

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

@sush4617 Год назад

The kind of efforts you make to put better videos every time is outstanding. More power to you sir

@pjagannadham2540 Год назад

bro i just loved it. Your explanation and code readability is really awesome . take a bow bro

@XLR8_Coding Год назад

Thanks Bro..! aapke efforts ko Salaam he..!!!!!

@pushpabhandari619 Год назад

Helpful!! Thank you

@chilibasil8496 Год назад

Great tutorial! I hope I did the re-factoring that make the code cleaner. While I'm doing it by myself, I also considered selecting checkbox affects password strength.

@RoadsideCoder Год назад

Good Job!

@JulioDx3480 Год назад

Thanks! Very helpful

@_jameelmohd756 10 месяцев назад

Bhai app legend hou.

@itsMohak 11 месяцев назад

Very magnificent.

@RavindraSingh-lp9pl 9 месяцев назад

please make more such videos of machine coding.

@mostakahamed6169 Год назад

Amazing one.👍

@RoadsideCoder Год назад

Thanks ✌️

@imkir4n Год назад

AWesoMe

@dailyPractice1 Год назад

After going through your JavaScript interview questions series, I was literally waiting for React. Thanks a lot 🥰

@casull6447 Год назад

I think there is some bug 😀 You pick random index and it's not guaranteed to cover all options (uppercase, lowercase ,symbol, number)

@neomaedits 11 месяцев назад

Yea

@yashramdeo5510 Год назад

Can u pls make a video on data visualization in React JS for dashboard. And how to implement multiple charts on the same component.

@KanishkaMrunal Год назад

great

@rajatpratapsingh3123 Год назад

good

@ashutoshtripathi8257 Год назад

bhai ek full fledged course launch krdo for frontend interview .... we are ready to pay

@arupupopadhyay4214 4 месяца назад

This is a task for at least 2 sprints, and you did it over a video ? PM will be extremely happy.

@RoadsideCoder 4 месяца назад

yes 😎

@rishabsharma5307 Месяц назад

2 sprints is way too much for this simple task

@thisishabib744 Год назад

Plz make react testing library video video ❤❤ love form Bangladesh 🇧🇩🇧🇩

@awais_ansarii 9 месяцев назад

❤

@gyankibaatein798 6 месяцев назад

@RoadsideCoder could you plz make a video by explaining how to push code from sandbox to github in reactjs

@abc-ys1ww Месяц назад

sir can you pls tell me why you use Label tag to display "Character Length and 4 " at 7:24

@sdaaz792 6 месяцев назад

can someone tell me one thing what is used in vscode to select some tags and close them with curly brackets like he did?

@aaryansj8016 11 месяцев назад

Anime Fan spotted..!!!😂😂Eren Yeager..!!Loved video man

@RoadsideCoder 11 месяцев назад

Haha yeah, Thanks ❤️

@JassPlayz_ Год назад

Bhaiya redux toolkit pe video bnao plz

@show_me_the_moneyy Год назад

Always strike gold here

@6.squash.936 Год назад

we are waiting for the next dsa video

@RoadsideCoder Год назад

On the way!

@pavankarnati1555 2 месяца назад

can i undwestand it without knowing concepts

@adityaayare8680 8 месяцев назад

Tatakae Tatakae! 😂

@harshads530 Год назад

navigator.clipboard.writeText(password) .then(() => { setCopied(true); setTimeout(() => { setCopied(false); }, 1000); }) .catch((error) => { alert('Error copying text to clipboard:', error); }); Iam not able to copy the password to clickboard why is that so? For me error alert pops up when tried to debug.

@zerotoherofacts7106 Год назад

Give permission to clipboard from chrome setting

@arkadas2634 2 месяца назад

How is the UI getting updated when heis changing the slider for length witout use effect hook! Can anyone explain!

@RoadsideCoder 2 месяца назад

use effect is not used for updating the UI, react handles this internally using state variabled

@arkadas2634 2 месяца назад

Okay. Actually I am trying to simulate this... But somehow when i changr length its not updating the generate password

@annusingh4694 11 месяцев назад

Is it to be made live in the interview? Or is it a take-away assignment?

@RoadsideCoder 11 месяцев назад

Live

@user-zl2ph2pk3x Год назад

I am getting this error while copy the password "Could not get the stack frames of error: Error: The error you provided does not contain a stack trace."

@hiteshjagwani1458 Год назад

did you fin a soln??

@ezekieloyedijo8864 Год назад

Really appreciate this. Wanted to join the discord community, but the link is now invalid

@RoadsideCoder Год назад

here u go - discord.gg/2ecgDwx5EE

@ezekieloyedijo8864 Год назад

@@RoadsideCoder Thanks a lot

@devathul 6 месяцев назад

So this we need to build live and the interviewer will wait for us to complete it?

@RoadsideCoder 6 месяцев назад

yes, under 1 or 1.5 hour

@devathul 6 месяцев назад

@@RoadsideCoder thanks man , great work

@ironman-29 Год назад

How much time they will give to build this app in interview?

@RoadsideCoder Год назад

Usually 1 - 2 Hours

@prashlovessamosa Год назад

Can we get more videos.

@RoadsideCoder Год назад

Yes, soon

@prashlovessamosa 11 месяцев назад

@@RoadsideCoder thanks will wait.

@aamirhannan890 2 месяца назад

CTC kyaa thaa is company ka?

@RoadsideCoder 2 месяца назад

25L

@tkz6585 Год назад

You have many error in the code , Don't post videos without fixing them and you should split the components in first place not in the end of the of video , Beginners will understand nothing 🤷🤷

@RoadsideCoder Год назад

which error?