🟪 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
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.
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
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.
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?
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
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.
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.
@@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
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
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
@@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
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.
🟪 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
Brother please create a search functionality like a industrial way in reactjs ❤ your videos and really helpful for me thanks
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.
Practical interviews questions should be like this,,, 👍 👌 ❤
Yes not those jee like dsa questions.
Superb video bro....majaa aagya
extremely useful for candidates. thank you so much.
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
Welcome 💖
Amazing part for calc the dynamic width to osm bro, love u from Pakistan
Very useful video bro...keep sharing such informative content ❤
Thank you so much!!
can you explain the logic of setting the progress bar width couldn't understand probably write a blog it would be helpful
So for the progress bar you have to to space the '100%-$' line like this: "calc(100% - $". With this spacing it should work
Ye banda har videos me bas dusri screen se dekh dekh ke code likhta hai kuch samjhaata nhi h
Thx@@FranklynKogolo
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.
I am bringing a complete course on it!
Thanks for sharing such valuable content.
Thanks. Your videos are so informative.
Thanks! I have created an indepth course covering all such topics - roadsidecoder.com/course-details
Thank you Bayya
Very informative thanks a lot
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.
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?
u can name "ele" to anything, it just means the current element's ref for the map loop we are already in/
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
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.
Another useful and easy to understand tutorial ❤❤❤
Bro do you have any paid course for DSA using Javascript?
Very nice discussion. What are your view on "VueJs". I feel more comfortable with "VueJs" than "ReactJs".
sir please explain logic rather than writing code faster
Which part u didnt understand?
I SAW THTA YOU USE MULTIPLE CONDITIONS WHEN THE CONDITON COULD BE SATISFOED BY ONLY 1 CONDITION,, CAN YOU PLEAE EXPLAIN THAT???? 11:16
at worst case, we can do as a engineer is jugaad., as you did with parogess width.
This is acceptable in an interview
@@RoadsideCoder Yeah I Know. Thanks Buddy.
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
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.
exactly same issue
Please make a video on WebRTC for file transfer
Useful information
Sir amazing content. Can you make an Infinite scroll question-answer.
I see only 1 person asked about the progress bar not working excluding me.
So for the progress bar you have to to space the '100%-$' line like this: "calc(100% - $". With this spacing it should work
found fix: correct code
width: `calc(100% - ${margins.marginLeft + margins.marginRight}px)`, ( notice the space around the '-' symbol)
Progress bar is not visible... please suggest me
same issue
found fix: correct code
width: `calc(100% - ${margins.marginLeft + margins.marginRight}px)`,
In this stepper component was my task for in my company 😅
how did you did it?
@@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
@@prathameshdichwalkar2477 but I am not completed.he is completed.
Can you pls make a video on snake and ladder game in React ?
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?
U can name it anything, its just a state
Why don't you write code in typescript?
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
you can slow speed as well...
stepper source code is not yet pushed in github . kindly do it☺
Done, Please check now
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
cool
Mix up Typescript in these interviews thanks..
hiii bro how you come up with such logic?
By following @RoadsideCoder on Instagram 👀
@@RoadsideCoder already following😃
50k id too high ... in udemy you will get in 500 rs
💖💖
Aapka progress bar ko align krne ka tareeka thoda kezual h
😂😂😂😂😂😂😂😂😂😂😂
😂
Provide full code sir
Check the description.
Bro you are beauty
very overwhelmed and i didn't got it properly 😢😢😢😢😢😢😢😢😢😢
Alpha Clasher
React is a library and not a framework
slip of tongue bhi ho skta hai na
Not the end of the world if you say it wrong
Chup be
Kya farak pdta hai framework ya library, he knows how to build stuff thats it
UI library!
Sorry, way too complex for an online code challenge.
This is how u get a >100k Job 👀
small bug
const calculateProgressBarWidth = () => {
return Math.round(((currentStep - 1) / (stepsConfig.length - 1)) * 100);
};
still progress bar is not becoming visible. Are you also facing the same issue?
DO you get the solution?@@chandanmishra1386
@@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
@@chandanmishra1386 width: `calc(100% - ${margins.marginLeft + margins.marginRight}px)`, there should be space between 100% "space" - "space". then $
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.
No point doing
{currentStep === stepsConfig.length ? "Finish" : "Next"}
If you're not rendering it
{!isComplete && (