Even i gave the cars24 interview i was asked the same ques in react round sub folder structure to implement it. That recursion thing didn't click in my mind. Thanks for the video Learned a lot 👍
Your explanations are so spot on! I've been asking similar questions when I conduct interviews for technical rounds and if anyone of them just goes through your video for interview prep would be more than enough to atleast have the basics of js down. You should definitely continue making such videos. Oh and thanks for the jsv9000 link never knew about it, im really glad UA-cam's algorithm suggested your content! Subscribed!!
@@RoadsideCoder you helped this guy to put "hell on earth" interview questions dude. I just hope all devs could watch all the crazy stuff you put on this video LOL
I always thought caching was something very complicated and never tried it. But it was as simple as storing data in an object. Also, never thought about using recursion in a react component itself. I learnt something new. Thank you so much. Please continue the frontend interview series.
It was really one of the best interview experience i am ever seen.. You have explained each and every in detail.. Please come up with more interview experience may be of your friend or colleague .. One doubt -- May be we don't need isFolder variable.. because every folder object has items as one property so we can use that ..like -- if(explorer.items) {do something} else {do other} ..
Hey. Thanks for sharing. This is quite informative and helpful. Although for the Q:5 - Infinte currying, there's a bug in the code. If we pass 0 as a number - curry(5)(0)(2)(); - The code will break. Since 0 is falsy in nature. it's gonna return the sum instead of the inner function. So when we call the returned value with param 2, we'll get an exception.
Congrats on new job role brother. And at 11:30 the concept of if stmt writing in such a way is called "Guard Clauses"which is a best practice. So its good that you used it.
Thank you so much for posting this video it gave so many great questions that you don't come across in general, It'll not just help us in the interview but also in real use cases. Thank you so much man!!
The quality of your content is like the gold standard. Thanks a lot to share such amazing content! Would love to see the continuation in the future. Already subscribed for that as well! 😉
Thanks for sharing your experience. I liked how you walkthrough the solution. I have one small suggestion/ask. It would be great if vscode and browser were split screened. So that we can see both of them together. I too had faced similar questions in past from various companies.
adding the optional context will not help in the memoized example if you want to pass in an existing cache because you're checking the cache that was passed by closure, not the cache that's being passed by "this" (eg. the context). you can verify this by changing fn.call(...) to simply fn(...args) - the cache still works.
To double check above answer instead of using the property as name make it firstname then console log this.firstname then u will get undefiend since firstname is not a property of window object
Question 6 has some issue too. You can see that if you run: const x = calc.add(10).multiply(5); const x2 = x.multiply(3); console.log( x2.total === x.total ); In some context the way you did it could be considered right, but in general this kind of logic tends to cause unexpected behavior. You should try to avoid so much state and be more functional in your code.
Instead of making the folder hierarchy nested in json, you can try index approach which a lot of NoSql DBs use. It has O(1) access time and a flat structure unlike the nesting. Great video keep it up!
@@aniruddhpandya5999 I was implying to use a map or a linear JSON with key as “level” of folder structure and value being all the files/folders in it. For eg. { 0: [Folder1, Folder2], //root 1: [{fileName: [folderItsPresentInFrom0…] } Yes the approach is bit unpolished but should work and will have advantages over nested approach in rendering operations and loading operations. For eg. we can totally not load content inside folders unless the user clicks on them, reducing the overhead.
You are just doing an amazing job man. thanks for sharing your knowledge with the community. I really appreciate you from the bottom of my heart. Please make a video about how can we reach out to people with a nice approach. Thanks a lot.
Hey great job !! One doubt though, the question 21:17 for the folder structure instead of handling of handling the tree on CSS side, wouldn't it be better to handle the collapse and expand on js side by keeping track of expanded or collapsed items, because through your approach u are always looping over the children elements and then hiding /showing them based on the click.
In an interview setup it is not easy to code what you think! Just for the interest of the larger audience, at line#15, 31:37: explorer.items && explorer.items.map(exp => .......) would have also done the job I guess instead of going for an if-else? Good content and thanks for sharing this :)
I have some questions Please Answer 1) Was this a fresher interview if not how many years experience you have? 2) No questions on redux , context, hooks? 3) Also since react is a library to make UI components , i'm surprised there was no task in making any components or a mini app (i might totally be wrong on this , as this interview was for a senior developer , please share your experience as react developer) 4) Please give inputs and tips for fresher interviews please
It was interesting concept on finite currying, but am stuck with small error can you provide what condition should be given if we don't provide an anonymous function at end function add(a){ return function(b){ if(b) return add(a+b); return a; } } console.log(add(2)(4)(4)) Result : [Function (anonymous)]
Woahh!! Yeh Hota hai interview experience ka mtlb. Explained each question with answers?!! 🔥🔥🔥🔥.. Awesome stuff piyush! Kar liya bhai subscribe aur follow bhi.
Very detailed explanation and the patience with which you discussed each & every question is appreciable ! It will definitely going to help a lot of dev out there who are preparing bhai !
Awesome!! Amazing video please keep on making this content thanks for sharing your experience and kindly share your experience of preparing for these interviews 😃
great explanations, like always. Can you do a project based tutorial with vanilla javascript? Your MERN tutorials are very good, i learned a lot from them, but I think many people, me included have started using react or other framework before understanding some of the core concepts in js. I want to make a step back and go to pure javascript, and the way you teach would help me a lot.
Thanks for sharing your experience. Everything was perfect from the questions to your answer, your oration. I am struggling to get calls from recruiters because of my 90 days notice period. Meanwhile sharpening my knowledge in js and react. Could you make a video on cold emails and how to approach recruiters properly. Thanks, Subscribed 👍
Instead of putting if/else block like u did... should have put it inside the return statement using ternary operator. IMO, would've looked much cleaner.
you should also visit this javascript coding interview questions challange playlist as well it will really help u ua-cam.com/play/PLAx7-E_inM6EkgZkrujZvewiM_QZRU4A2.html
➡ My Frontend Interview Preparation Course - roadsidecoder.com/course-details
⭐ Learn to code with Scrimba - v2.scrimba.com/?via=roadsidecoder
Man these type of content deserves more than millions subs. You will never find this kind of high quality genuine content on youtube
❤️🌸
Please continue this front-end interview series.
I will for sure!
@@RoadsideCoder brother may I get ur any cont id
@@ompandey4595 content me on instagram @RoadsideCoder
@@RoadsideCoder hggh
I assume this interview was not for a freshers
Even i gave the cars24 interview i was asked the same ques in react round sub folder structure to implement it.
That recursion thing didn't click in my mind.
Thanks for the video
Learned a lot 👍
Even he might not have been able to answer, don't believe everything u see and hear ... practice leetcode ..
@@anirbandas12 Bhai ki swag . Aisa comment padh kr literally onfidence aata hai .
Lol
Did you give the solution?
Your explanations are so spot on! I've been asking similar questions when I conduct interviews for technical rounds and if anyone of them just goes through your video for interview prep would be more than enough to atleast have the basics of js down. You should definitely continue making such videos.
Oh and thanks for the jsv9000 link never knew about it, im really glad UA-cam's algorithm suggested your content! Subscribed!!
Thanks for appreciation ❤️
@@RoadsideCoder you helped this guy to put "hell on earth" interview questions dude. I just hope all devs could watch all the crazy stuff you put on this video LOL
bro are these question for freshers or experienced
I always thought caching was something very complicated and never tried it.
But it was as simple as storing data in an object.
Also, never thought about using recursion in a react component itself.
I learnt something new.
Thank you so much.
Please continue the frontend interview series.
Wow thats great dude!
It was really one of the best interview experience i am ever seen.. You have explained each and every in detail..
Please come up with more interview experience may be of your friend or colleague ..
One doubt -- May be we don't need isFolder variable.. because every folder object has items as one property so we can use that ..like -- if(explorer.items) {do something} else {do other} ..
Thank you and yes, your approach is also correct.
@@RoadsideCoder wt if it's an empty folder
Bro , is there any such tutorial on real world questions on the yt ? If there can you suggest
@@PIYUSH-lz1zq wt do u mean by real world questions.
Like he did that folder structure , ... these types of questions
Hey. Thanks for sharing. This is quite informative and helpful.
Although for the Q:5 - Infinte currying, there's a bug in the code.
If we pass 0 as a number - curry(5)(0)(2)(); - The code will break.
Since 0 is falsy in nature. it's gonna return the sum instead of the inner function. So when we call the returned value with param 2, we'll get an exception.
Ah Thanks a lot for sharing dude!
lol he was just giving us an idea on how to achive this
Thank you for sharing Javascript Visualizer 9000 (JSV9000) tool which is really helpful to understand JS engine workflow. Thanks once again!
Congrats on new job role brother.
And at 11:30 the concept of if stmt writing in such a way is called "Guard Clauses"which is a best practice. So its good that you used it.
Thanks man
i've decided to change career to frontend developing and yours videos helps a lot. Keep the nice work and congratulations on the job!
Awesome man. Wish you a lot of success.
Thank you so much for posting this video it gave so many great questions that you don't come across in general, It'll not just help us in the interview but also in real use cases. Thank you so much man!!
The quality of your content is like the gold standard. Thanks a lot to share such amazing content! Would love to see the continuation in the future. Already subscribed for that as well! 😉
Thanks so much 🙏
Congratulations for your work
Please start video series on reactjs and JavaScript, your way of teaching is awesome
Thanks, I will! Meanwhile you can check other react tutorials on my channel.
Congratulations Sir !!!
And Please make a dedicated video on cold mailing
Also continue this interview series
Alright!
Bro you are genuinely doing a great job, please also make a new series which should be on how to integrate restful api in react js .
This type of content deserves more than millions subscribers. Great content. Pls, make more.
One of the best videos on frontend interview experiences so far! Thanks
💯💯
Very well explained. Got a very clear idea about the problem statement. Thank you for sharing these useful information here
Bhai please make more frontend video interview and its good that you are explaining the approach as well. Keep doing. Have subscribed.
Yes! More such videos on the way 😎
Can you please make a video on cold emailing
Thanks for sharing your experience. I liked how you walkthrough the solution. I have one small suggestion/ask. It would be great if vscode and browser were split screened. So that we can see both of them together.
I too had faced similar questions in past from various companies.
Sure, I'll take this feedback 😄
adding the optional context will not help in the memoized example if you want to pass in an existing cache because you're checking the cache that was passed by closure, not the cache that's being passed by "this" (eg. the context). you can verify this by changing fn.call(...) to simply fn(...args) - the cache still works.
Can we just appreciate cars24 for not asking unnecessary stuff/questions in interview unlike others compines do ..
💯❤️
Do they ask for DSA ?
Can someone please clarify
Please create a full video about cold email. So that we can get a clear picture of that.
Bhaiya, recursion questions was lit ! You made it look so easy ! Can you take more such que frequently ...like n-level comments.... ❤🙏
Haha sure!
yes please make a video on how to find people and apply and process ....please no one in youtube clear thus things.... please!!!!!!!!!
By using this approach able to solve my multiple nested menu problem.❤
At 5:27 we got an empty string because there is a name property in window object and its value is empty string(''). Hope this clarifies the behaviour👍
To double check above answer instead of using the property as name make it firstname then console log this.firstname then u will get undefiend since firstname is not a property of window object
Yes please make How to get reach recruiter through Cold Emailing.
just finished making my first track! thanks bro for all the help with learning soft soft. much love
Question 6 has some issue too. You can see that if you run:
const x = calc.add(10).multiply(5);
const x2 = x.multiply(3);
console.log( x2.total === x.total );
In some context the way you did it could be considered right, but in general this kind of logic tends to cause unexpected behavior. You should try to avoid so much state and be more functional in your code.
Instead of making the folder hierarchy nested in json, you can try index approach which a lot of NoSql DBs use. It has O(1) access time and a flat structure unlike the nesting. Great video keep it up!
Hey, Thanks for sharing this info!
By Index approach, do you mean you'll use the two json objects, one being the index, the other for data and then embed the data ids in the index?
@@aniruddhpandya5999 I was implying to use a map or a linear JSON with key as “level” of folder structure and value being all the files/folders in it. For eg.
{
0: [Folder1, Folder2], //root
1: [{fileName: [folderItsPresentInFrom0…]
}
Yes the approach is bit unpolished but should work and will have advantages over nested approach in rendering operations and loading operations.
For eg. we can totally not load content inside folders unless the user clicks on them, reducing the overhead.
Great video you just explained it so well and congrats for the job, we will like to have more videos on frontend interviews
Thanks a lot. I will bring more such videos for sure!
Whoa.. Nice explanation. Loved the last question, didn't know recursion can be used liked this.
Thanks a lot!
Best Video I have ever seen.Plz share more interview videos and questions.It would be really helpful.Thanks.
Very thorough and also to the point explanation! Thank you 🙌 Learnt so much!
Hey man really really awesome video, can you please keep making this kind of videos.
Yes, Checkout other videos on my channel!
confidence ab aane laga hai video dek kar and question practise kar ke , thank you
Please create more such videos of frontend interview experiences. The way of explaining was really clean and easily understandable.
For sure 💯
Amazing Interview series. You are the best teacher out there. Hats off to you sir!
Amd you are the best audience! 🙏
If used optional chaining [like explorer?.items?.map] ,then isFolder would not be required in Folder.js Nice Video, keep them coming...
You are just doing an amazing job man. thanks for sharing your knowledge with the community. I really appreciate you from the bottom of my heart. Please make a video about how can we reach out to people with a nice approach. Thanks a lot.
Hey thank you so much, you made my day! I will make that video soon!
Hey great job !! One doubt though, the question 21:17 for the folder structure instead of handling of handling the tree on CSS side, wouldn't it be better to handle the collapse and expand on js side by keeping track of expanded or collapsed items, because through your approach u are always looping over the children elements and then hiding /showing them based on the click.
Just subscribed , loved your content keep posting you are helping lot of people including me thank you ❤️
One of the best Frontend interview series video, Thank you so much ❤❤
In an interview setup it is not easy to code what you think!
Just for the interest of the larger audience, at line#15, 31:37:
explorer.items && explorer.items.map(exp => .......)
would have also done the job I guess instead of going for an if-else?
Good content and thanks for sharing this :)
Do make a video on contacting people on LinkedIn and cold emailing. Loved this video. Learned a lot
bro please make series in which u only solve such frontend real world problems like u did here for react. It will be really helpfull
I have some questions Please Answer
1) Was this a fresher interview if not how many years experience you have?
2) No questions on redux , context, hooks?
3) Also since react is a library to make UI components , i'm surprised there was no task in making any components or a mini app (i might totally be wrong on this , as this interview was for a senior developer , please share your experience as react developer)
4) Please give inputs and tips for fresher interviews please
Hey,
1) This was freshers interview.
2) No. But it depends on the company.
3) In round 2 they provided me that folder component to make!
If this is what they ask you I am getting worried as a junior. The questions are tough are these for junior devs too
Bro, It varies from company to company.
And, the reward will also be worth it! 🔥
@@RoadsideCoder okay but Imma try the react one it's fair 😁
@@RoadsideCoder Thanks for replying quick 😀
Great frontend interview video sir.I learned a lot from this video.Thanks a lot
Bro this was awesome you nailed it :).Learned a lot from this make videos more like this.
learned so many things so far best video for interview preparation
It was interesting concept on finite currying, but am stuck with small error can you provide what condition should be given if we don't provide an anonymous function at end
function add(a){
return function(b){
if(b) return add(a+b);
return a;
}
}
console.log(add(2)(4)(4))
Result : [Function (anonymous)]
Finally, I found someone who posted a normal working crack!
Woahh!!
Yeh Hota hai interview experience ka mtlb.
Explained each question with answers?!! 🔥🔥🔥🔥..
Awesome stuff piyush!
Kar liya bhai subscribe aur follow bhi.
Thanks man ❤️🙏
Very detailed explanation and the patience with which you discussed each & every question is appreciable ! It will definitely going to help a lot of dev out there who are preparing bhai !
🙏🙏
Thank you for the effort on making this video and congrats! Keep rocking
make a video on coldmail how to approach founders?
Sure
@Roadsidecode what was the time gap between those 3 rounds?
Awesome!! Amazing video please keep on making this content thanks for sharing your experience and kindly share your experience of preparing for these interviews 😃
More coming!
its really a awesome explanation. carry on. waiting for the next interview experience session
Please bring more such kinda content. It help a lot
Awesome explanation and please continue to make such videos. You rock!
🤟🤟
great explanations, like always. Can you do a project based tutorial with vanilla javascript? Your MERN tutorials are very good, i learned a lot from them, but I think many people, me included have started using react or other framework before understanding some of the core concepts in js. I want to make a step back and go to pure javascript, and the way you teach would help me a lot.
🙏🙏
excellent video to get prepared for interviews. Thanks a lot.
Thanks man!
was really helpful & got a god job offer
it's really helpful who are seeking job. Superb work and keeps going on! Thanks... 🙏
You can thank me by sharing with other who need this 🙏
@@RoadsideCoder Yeah sure
Nothing was confusing . U cleared everything.
Please continue this interview series. The whole is awesome.
Everything on point got a good view about the interview!
The last react question was very informative. Thanks!
Best interview Experience video 👍
I am glad i found this channel
Thanks 🙏
thanku soooooooooooooooooooooooooooooooooooooooooooo much brother for clearing so many concept, please provide more and more video in
Definitely!
Thank you for such smooth presentation of important concepts.
🙏🙏
You explained that react question too good, I was confused when i heard that question
Thanks for sharing your experience. Everything was perfect from the questions to your answer, your oration. I am struggling to get calls from recruiters because of my 90 days notice period. Meanwhile sharpening my knowledge in js and react. Could you make a video on cold emails and how to approach recruiters properly. Thanks, Subscribed 👍
I'm glad that I could help you! And yeah a video on cold emailing will be dropping soon!
@@RoadsideCoder Appreciate your efforts.
Well done, I am new to react and this helped me a lot. Liked and subscribed.
Awesome
Excellent!
Very informative and useful.
Thanks!
🙏🙏❤️
Doing very good brother.
Keep it up. Big thumbs up
You got one more subscriber.
Hey, Thanks for the appreciation man!
Its such a great one brother.. Thank for making a video on this :) loved it
😁🙏
Instead of putting if/else block like u did... should have put it inside the return statement using ternary operator. IMO, would've looked much cleaner.
In function memoization, what is the significance of context argument? Why are we adding that?
so real, thanks for putting efforts in creating & sharing this
My pleasure!
Excellent explanation and good explanations
Really helpful. Thanks for uploading.
Great content and greatly helpful! Was there a need to do JSON.stringify() on the memoize question? Wouldn't just using any meaningful key do?
this really helped a alot. thanks so much
Your explanation is very cool every one will understand easily thanks for good interview questions
🙏💯
Please continue with javascript interview series and core javascript features It would help a lot
you should also visit this javascript coding interview questions challange playlist as well it will really help u
ua-cam.com/play/PLAx7-E_inM6EkgZkrujZvewiM_QZRU4A2.html
Thanks buddy for such wonderful content ,God bless you.can u share where we can get such practice questions please
Please make video on cold emailing and how to reach out
Thanks bro your video helped me a lot 🎉
This was amazing!
I am from Pakistan.
Nice explanation bro keep it up. Waiting for the next video with a complete tutorial on Reacts
Explanation was really good. If I may ask what was the CTC they were offering ?
Pls answer this
It depends completely on your skillset and negotiation with the HR.
Congrats for 10K subscribers. More power to you buddy...
🙏🙏
Awesome explaination bro, thanks for making such amazing content.
Thanks for the appreciation man ❤️
Great presentation skills man!
great way of explanation. Thanks for your efforts
🙏🙏