🟪 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.
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.
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
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
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
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?
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.
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.
@@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
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.
@@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
🟪 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.
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.
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...
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
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
Practical interviews questions should be like this,,, 👍 👌 ❤
Yes not those jee like dsa questions.
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
sir please explain logic rather than writing code faster
Which part u didnt understand?
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
at worst case, we can do as a engineer is jugaad., as you did with parogess width.
This is acceptable in an interview
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/
Aapka progress bar ko align krne ka tareeka thoda kezual h
😂😂😂😂😂😂😂😂😂😂😂
😂
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!
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.
Sorry, way too complex for an online code challenge.
This is how u get a >100k Job 👀
No point doing
{currentStep === stepsConfig.length ? "Finish" : "Next"}
If you're not rendering it
{!isComplete && (
Very nice discussion. What are your view on "VueJs". I feel more comfortable with "VueJs" than "ReactJs".
very overwhelmed and i didn't got it properly 😢😢😢😢😢😢😢😢😢😢
extremely useful for candidates. thank you so much.
Can you pls make a video on snake and ladder game in React ?
50k id too high ... in udemy you will get in 500 rs
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.
Superb video bro....majaa aagya
cool
Please make a video on WebRTC for file transfer
Amazing part for calc the dynamic width to osm bro, love u from Pakistan
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
Progress bar is not visible... please suggest me
Another useful and easy to understand tutorial ❤❤❤
Bro do you have any paid course for DSA using Javascript?
Mix up Typescript in these interviews thanks..
Sir amazing content. Can you make an Infinite scroll question-answer.
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 $
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!
Why don't you write code in typescript?
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 💖
Very useful video bro...keep sharing such informative content ❤
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.
Thanks for sharing such valuable content.
Very informative thanks a lot
stepper source code is not yet pushed in github . kindly do it☺
Done, Please check now
Thanks. Your videos are so informative.
Thanks! I have created an indepth course covering all such topics - roadsidecoder.com/course-details
Alpha Clasher
Bro you are beauty
Useful information
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.
hiii bro how you come up with such logic?
By following @RoadsideCoder on Instagram 👀
@@RoadsideCoder already following😃
💖💖