React JS Interview Questions ( Stepper ) - Frontend Machine Coding Interview Experience

No video

React JS Interview Questions ( Stepper ) - Frontend Machine Coding Interview Experience

Рет қаралды 37,070

RoadsideCoder

Күн бұрын

Пікірлер: 81

@RoadsideCoder 6 ай бұрын

🟪 Get my Complete Frontend Interview Prep course - roadsidecoder.com/course-details 🔴 OdinSchool React Web Development Course. Apply now - hubs.la/Q02kCrvk0 ➡ Book an Interview Preparation call with me ( 20% OFF for limited time ) - topmate.io/roadsidecoder

@balajiaadi1901 6 ай бұрын

Brother please create a search functionality like a industrial way in reactjs ❤ your videos and really helpful for me thanks

@MuhammadAdnan2.0 6 ай бұрын

Practical interviews questions should be like this,,, 👍 👌 ❤

@javabrain8480 6 ай бұрын

Yes not those jee like dsa questions.

@bhaskarbhandari6476 6 ай бұрын

can you please explain the complex steps in a easy way so that all can understand otherwise only few can understand. i know the length of the video will increase but i guess this is the best teaching style that a teacher should know.

@NikhilPatel-bq7ck 6 ай бұрын

First of all Thanks for making such videos. It's something that people will be referring. Just one point I personally felt, that wouldn't it be much better if the component would be a type of Composite Component.

@gmjitendra 6 ай бұрын

extremely useful for candidates. thank you so much.

@RavindraSingh-lp9pl 6 ай бұрын

Superb video bro....majaa aagya

@user-bz7fl1jb6m 6 ай бұрын

i come from techical suneja yt channel I watch Complete podcast and I learn a lot of things from your podcast such a wonderful podcast love from Pakistan

@RoadsideCoder 6 ай бұрын

Welcome 💖

@shahzaib715 6 ай бұрын

Amazing part for calc the dynamic width to osm bro, love u from Pakistan

@Infinite_Mainak 6 ай бұрын

Very useful video bro...keep sharing such informative content ❤

@amarchinta4463 6 ай бұрын

why reactjs introduced functional components why the rewrite entire code for functional components ? can u please make a video on that or simply answer. thank you

@nallaparajuamareshvarma8471 6 ай бұрын

can you explain the logic of setting the progress bar width couldn't understand probably write a blog it would be helpful

@user-ry8fx5ph8j 3 ай бұрын

So for the progress bar you have to to space the '100%-$' line like this: "calc(100% - $". With this spacing it should work

@jahangirkhan3747 6 ай бұрын

Another useful and easy to understand tutorial ❤❤❤ Bro do you have any paid course for DSA using Javascript?

@ranveerrajput8101 6 ай бұрын

Thanks for sharing such valuable content.

@namratadas5569 6 ай бұрын

Great video.., could u plz do a video on multistep forms in react..by making the inputs and forms reusable and also adding validations. It would be of great help. Thanks in advance.

@user-bg7qc4ff3k 5 ай бұрын

Thanks. Your videos are so informative.

@RoadsideCoder 5 ай бұрын

Thanks! I have created an indepth course covering all such topics - roadsidecoder.com/course-details

@killheist173 6 ай бұрын

Could you please make a complete React.js tutorial? Because I am learning it from you only. Well, online, all concepts are spread. It is not in an organized way.

@pavankalita1 6 ай бұрын

Very nice discussion. What are your view on "VueJs". I feel more comfortable with "VueJs" than "ReactJs".

@coolwithsaquibaquib 6 ай бұрын

Can u explain about the use of ref @ 16:10 as I'm unable to understand the ref={ele => stepRef.current[index]=ele } from where ele parameter is coming?

@RoadsideCoder 6 ай бұрын

u can name "ele" to anything, it just means the current element's ref for the map loop we are already in/

@_booleanValue 6 ай бұрын

Very informative thanks a lot

@deep90402 6 ай бұрын

Please make videos on react interview questions ( theory and concepts based)for fresher level.as I m a fresher I don't have any idea about it.

@RoadsideCoder 6 ай бұрын

I am bringing a complete course on it!

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

Sir amazing content. Can you make an Infinite scroll question-answer.

@bharathnaidu4636 6 ай бұрын

Useful information

@manojdparmar 6 ай бұрын

Everything is fine except one thing, you teach very quickly, which seems a bit difficult to understand. This is my experience, which I am sharing with you. Please pay some attention to this also. thank you

@ManoharBatra 6 ай бұрын

you can slow speed as well...

@sourabhkulkarni9012 6 ай бұрын

Hi,I cloned this project from github repo but Ibam not able to see the progress bar, could you please help me with the same

@MarlonEnglemam 4 ай бұрын

he probably missed something on the code he put up on github. I coded based on the video and it worked well, when I copied and pasted the code from github I had the same issue.

@aashish_stanl 6 ай бұрын

I see only 1 person asked about the progress bar not working excluding me.

@user-ry8fx5ph8j 3 ай бұрын

So for the progress bar you have to to space the '100%-$' line like this: "calc(100% - $". With this spacing it should work

@yashramdeo5510 6 ай бұрын

Please make a video on WebRTC for file transfer

@kiranmahajan778 5 ай бұрын

In the CHECKOUT_STEPS config , Is the Component property in the object just a simple function that returns a div or is it some react synatx?

@RoadsideCoder 5 ай бұрын

U can name it anything, its just a state

@amanshlko 3 ай бұрын

Can you pls make a video on snake and ladder game in React ?

@user-np7hk4nx1f 6 ай бұрын

Progress bar is not visible... please suggest me

@Solo_playz 6 ай бұрын

Why don't you write code in typescript?

@Dev-Phantom 2 ай бұрын

cool

@harshverma8580 6 ай бұрын

Aapka progress bar ko align krne ka tareeka thoda kezual h

@siddhartharajputsingh 6 ай бұрын

😂😂😂😂😂😂😂😂😂😂😂

@RoadsideCoder 6 ай бұрын

😂

@028-manikandan3 6 ай бұрын

In this stepper component was my task for in my company 😅

@prathameshdichwalkar2477 6 ай бұрын

how did you did it?

@028-manikandan3 6 ай бұрын

@@prathameshdichwalkar2477 current state, previous and next state,this are the interface not state but the I put logic is video logic state create that value increase according to index > 0

@028-manikandan3 6 ай бұрын

@@prathameshdichwalkar2477 but I am not completed.he is completed.

@roshanjoshua Ай бұрын

the code and information is really good, but the explanation sounds so complicated. Being a react developer, I couldnt follow you post half of the video. It'd be great if you could slightly slow down while explaining why youre using any particular line, especially calculating the marginLeft attributes

@MuhammadAdnan2.0 6 ай бұрын

Mix up Typescript in these interviews thanks..

@KrunalKRG0212 6 ай бұрын

💖💖

@sudhirme101 6 ай бұрын

stepper source code is not yet pushed in github . kindly do it☺

@RoadsideCoder 6 ай бұрын

Done, Please check now

@stiphenrobert4469 6 ай бұрын

Bro you are beauty

@prathameshdichwalkar2477 6 ай бұрын

hiii bro how you come up with such logic?

@RoadsideCoder 6 ай бұрын

By following @RoadsideCoder on Instagram 👀

@prathameshdichwalkar2477 6 ай бұрын

@@RoadsideCoder already following😃

@rajangupta1554 4 ай бұрын

sir please explain logic rather than writing code faster

@RoadsideCoder 4 ай бұрын

Which part u didnt understand?

@GG-yg2wt 6 ай бұрын

Alpha Clasher

@karann3335 6 ай бұрын

50k id too high ... in udemy you will get in 500 rs

@bhaskarbhandari6476 6 ай бұрын

very overwhelmed and i didn't got it properly 😢😢😢😢😢😢😢😢😢😢

@abhinavchandurkar1961 6 ай бұрын

React is a library and not a framework

@ManoharBatra 6 ай бұрын

slip of tongue bhi ho skta hai na

@heyjitendra 6 ай бұрын

Not the end of the world if you say it wrong

@mijana961 6 ай бұрын

Chup be

@pankajbeniwal988 6 ай бұрын

Kya farak pdta hai framework ya library, he knows how to build stuff thats it

@user-iz8du7vr4p 6 ай бұрын

UI library!

@andrewwall2730 Ай бұрын

Sorry, way too complex for an online code challenge.

@RoadsideCoder Ай бұрын

This is how u get a >100k Job 👀

@manojsatwase 6 ай бұрын

small bug const calculateProgressBarWidth = () => { return Math.round(((currentStep - 1) / (stepsConfig.length - 1)) * 100); };

@chandanmishra1386 6 ай бұрын

still progress bar is not becoming visible. Are you also facing the same issue?

@chandramanikumar8559 5 ай бұрын

DO you get the solution?@@chandanmishra1386

@bapanghosh-rq1uh 4 ай бұрын

@@chandanmishra1386 .progress-bar { position: absolute; top: 25%; left: 0; width: 100%; /* Ensure the progress bar spans the entire width */ height: 4px; background-color: #ccc; z-index: 1; /* Set a higher z-index to ensure it's above the step numbers */ } change this one .. then it will work

@akash_gupta_2090 4 ай бұрын

@@chandanmishra1386 width: `calc(100% - ${margins.marginLeft + margins.marginRight}px)`, there should be space between 100% "space" - "space". then $