No video

React JS Interview Questions ( Drag and Drop Notes ) - Frontend Machine Coding Interview Experience

  Рет қаралды 24,122

RoadsideCoder

RoadsideCoder

Күн бұрын

Пікірлер: 60
@RoadsideCoder
@RoadsideCoder 4 ай бұрын
Roadside to Dream Job - Frontend Interview Prep Course 🔥🔥 roadsidecoder.com/course-details (50% Discount for limited time)
@Solo_playz
@Solo_playz 4 ай бұрын
Your videos becoming calculation-heavy 💀day by day which proves that FE is not limited to only HTML
@RoadsideCoder
@RoadsideCoder 4 ай бұрын
True!
@play_with_Vpp
@play_with_Vpp 3 ай бұрын
thank you sir that was a great video it refreshed my react skills, taught me some new lessons, and my collection got another project. Consider your HW to be done by my side.
@PradeepKumar-jp8py
@PradeepKumar-jp8py 4 ай бұрын
Problem Statement: Weekday date range picker component Create a date range picker component in React and TypeScript that allows users to select weekdays (Monday through Friday) and prevents them from selecting weekends (Saturday and Sunday). The component should include the following features: ● The component should allow users to select a date range defined by a start date and an end date. Remember that a start date and an end date must be a weekday and should not be a weekend. ● The selected date range should highlight only weekdays and weekends should not be highlighted. ● The user should be able to change the year displayed in the date picker. ● The user should be able to change the month displayed in the date picker. ● The component should include a change handler that returns the selected date range and any weekend dates within that range. As an example, if the range selected is December 1st, 2022, to December 15th, 2022, the returned values should be an array containing the date range as the first element (e.g. [2022-12-01, 2022-12-15]) and an array of weekend dates within that range as the second element (e.g. [2022-12-03, 2022-12-04, 2022-12-10, 2022-12-11]). ● The component should include a prop that allows the user to input predefined ranges, such as the last 7 days or last 30 days. These predefined ranges should be displayed below the calendars. Please refer to the date range picker linked below as an example: rsuitejs.com/components/date-range-picker/#predefined-date-ranges The use of date picker libraries (e.g. react-datepicker) or date libraries (e.g. date-fns, Moment.js, Day.js) is strictly prohibited. sir please solve this problem and make a tutorial video ,,
@RoadsideCoder
@RoadsideCoder 4 ай бұрын
Thanks, I will
@mehr4294
@mehr4294 4 ай бұрын
Could you create a video on how to host your portfolio website in github pages?
@RoadsideCoder
@RoadsideCoder 4 ай бұрын
Sure
@nishantmoolya
@nishantmoolya 4 ай бұрын
Hi
@mehr4294
@mehr4294 4 ай бұрын
@@RoadsideCoder Thanks a lot brother
@sanchitbajaj02
@sanchitbajaj02 4 ай бұрын
I don't think it takes much effort to host. Just push all your files in a repo and go to settings and go to pages. Then enable the pages and you are done with it.
@anubhapant5227
@anubhapant5227 4 ай бұрын
Thanks for sharing this knowledge-packed video on React machine coding! 🚀 Learned a lot and would love to see more content like this 😇
@RoadsideCoder
@RoadsideCoder 4 ай бұрын
Thanks! You can find more questions here - roadsidecoder.com/course-details
@gunjangidwani4276
@gunjangidwani4276 4 ай бұрын
Hi Piyush, this is really good, thanks for sharing
@jazibbashar3332
@jazibbashar3332 4 ай бұрын
Bhai agr aap code ko explain krte chalo then it's good for people like me who is new to react
@CppGod-kn3fy
@CppGod-kn3fy 2 ай бұрын
Khud samjhle bhai ya fir apna level badha aur fir yeh video
@jazibbashar3332
@jazibbashar3332 2 ай бұрын
@@CppGod-kn3fy yeh aap kisko bol rhe ho samjh nhi ayaa
@jazibbashar3332
@jazibbashar3332 2 ай бұрын
@@CppGod-kn3fy I am viewers mujhe Jo samjh aaiga boloonga TM code likh rahe ho code likho zyda wakeel Mt bno ok.... tumko samajh aa rha h ok Nhi Aaya ok hai
@CppGod-kn3fy
@CppGod-kn3fy Ай бұрын
@@jazibbashar3332 tum logo k kaaran hi youtubers easy content banate hai aur easy content ko tum hi log promote karte ho. Easy seekhna h toh freecodecamp par jaa. Idhar timepass mat kar. Level badha aur wapas aa.
@saiphaneeshk.h.5482
@saiphaneeshk.h.5482 4 ай бұрын
Awesome video as always. These kind of real world project examples really help. There was a video where when a person is searched and clicked then the name will be added to the text field and the cursor will move. Had a similar requirement but different UI, but the concept really helped to work on it.
@koppresh
@koppresh 4 ай бұрын
Is it possible to attach events without making use addeventlister and outside the onmousedown function?
@debarshipal8275
@debarshipal8275 4 ай бұрын
Hey Piyush, loving your videos keep it up brother❤
@RoadsideCoder
@RoadsideCoder 4 ай бұрын
Thank you, I will
@nitinakuch4973
@nitinakuch4973 4 ай бұрын
Such machine coding questions asked for experienced ones or freshers?
@RoadsideCoder
@RoadsideCoder 4 ай бұрын
SDE 2 and above
@MrColins710
@MrColins710 4 ай бұрын
thank you, it is very interesting task
@RoadsideCoder
@RoadsideCoder 4 ай бұрын
Glad it was helpful!
@harishgowdabp
@harishgowdabp 4 ай бұрын
What is the difference between your course and your KZfaq playlist? You have all the topics in the KZfaq playlist also.... Can you give some information about your course contents?
@RoadsideCoder
@RoadsideCoder 4 ай бұрын
This has 4 new JS topics, react topic wise questions, lot of new machine coding questions and performance optimisation questions. All these are not on my YT channel Few topics of JS are common between the course and my channel, The reason for including them in this is so that this becomes one stop for Frontend Interview preparation. You check the detailed curriculum in the website. I have mentioned it in this video as well - kzfaq.info/get/bejne/brmXitR81NmxeYE.html PS. You get the access to our premium discord community
@ajayshankhwar730
@ajayshankhwar730 4 ай бұрын
Great content bro....
@RoadsideCoder
@RoadsideCoder 4 ай бұрын
Thanks!
@CppGod-kn3fy
@CppGod-kn3fy 2 ай бұрын
People asking Piyush to explain things in 'detail' should first get their basics right and then watch this video
@priyasuryawanshi1143
@priyasuryawanshi1143 Ай бұрын
In my recent interview,I have been asked to create a Kanban Board in react JS
@AjithKumarsham
@AjithKumarsham 4 ай бұрын
Great content 👏
@RoadsideCoder
@RoadsideCoder 4 ай бұрын
Thank you 🙌
@navneetkumarsharma9092
@navneetkumarsharma9092 4 ай бұрын
Hi Peeyush, Which monitor & keyboard/ mouse do you use with Mac?
@RoadsideCoder
@RoadsideCoder 4 ай бұрын
I use windows
@OfficeuserUser
@OfficeuserUser 3 ай бұрын
Can someone tell which vs code theme he is using😊
@RoadsideCoder
@RoadsideCoder 3 ай бұрын
peacock
@yashvijaybombale6896
@yashvijaybombale6896 4 ай бұрын
can you upload long videos with slow explaination it was fast ! Drag n Drop logic
@RoadsideCoder
@RoadsideCoder 4 ай бұрын
you can switch the video speed to 0.75 or 0.50, will be helpful
@harshitsrivastava2583
@harshitsrivastava2583 4 ай бұрын
@@RoadsideCoder Bro drag and drop logic was not explained in detail. By slow explanation means explaining it in depth as well as the reason of applying some logic. Why mouse event? Why that particular mouse event?
@RoadsideCoder
@RoadsideCoder 4 ай бұрын
I think using those mouse event was self explanatiory, I would recommend making more HTML,CSS and JS project to improve basics then u will be able to form these logic better. More questions here - roadsidecoder.com/course-details
@sureshalli9602
@sureshalli9602 4 ай бұрын
emojis in linux ?
@nemo4049
@nemo4049 4 ай бұрын
This worked for me Installed :emojisense: extension press Ctrl + i for opening the extension search bar
@wayofmuhammad
@wayofmuhammad 4 ай бұрын
bhai app sirf react per video banate ho please angular per bhi banao
@RoadsideCoder
@RoadsideCoder 4 ай бұрын
bro react is asked much more than angular
@jayprakashyadab5511
@jayprakashyadab5511 3 ай бұрын
Hey we can make it only in javascript??
@RoadsideCoder
@RoadsideCoder 3 ай бұрын
how do u wanna make it?
@arora6547
@arora6547 3 ай бұрын
15:05
@harshbhardwaj6060
@harshbhardwaj6060 4 ай бұрын
Copied most of the logic from stack over flow😂. Don't blindly use this in production. There are lots of performance problems with this code.
@RoadsideCoder
@RoadsideCoder 4 ай бұрын
This is an interview question, obviously no one is going to use it in production 😂
@noobgamer7034
@noobgamer7034 Ай бұрын
This is not an interview question
@deadlock_33
@deadlock_33 2 ай бұрын
RIP for those who watching after react 19
@RoadsideCoder
@RoadsideCoder 2 ай бұрын
haha, react 19 is not out yet. its just beta
@CppGod-kn3fy
@CppGod-kn3fy 2 ай бұрын
Basics don't change bro
@yathishshettigar9344
@yathishshettigar9344 3 ай бұрын
Too fast and no explanation. So its difficult to catch as a beginner.
@RoadsideCoder
@RoadsideCoder 3 ай бұрын
You can start with basics first, so start with this playlist from beginning - kzfaq.info/sun/PLKhlp2qtUcSZiWKJTi5-5r6IRdHhxP9ZU
@Akshat-vp5sg
@Akshat-vp5sg 2 ай бұрын
tere ko ye sab smajh kaise aa rha hai :) i want to learn all this things
@RoadsideCoder
@RoadsideCoder 2 ай бұрын
I have covered all the basics to advance here - roadsidecoder.com/course-details
Кадр сыртындағы қызықтар | Келінжан
00:16
what will you choose? #tiktok
00:14
Анастасия Тарасова
Рет қаралды 7 МЛН
Пройди игру и получи 5 чупа-чупсов (2024)
00:49
Екатерина Ковалева
Рет қаралды 4,4 МЛН
Beginner React.js Coding Interview (ft. Clément Mihailescu)
36:31
Ben Awad
Рет қаралды 2,1 МЛН
[ Live ] React JS Interview 🤯 | Frontend UI Questions 🤒
1:12:35
Akshay Saini
Рет қаралды 338 М.
3 Years Experienced React Interview
1:16:16
ProCodrr
Рет қаралды 20 М.
10 JavaScript Interview Questions You HAVE TO KNOW
13:41
James Q Quick
Рет қаралды 56 М.
Кадр сыртындағы қызықтар | Келінжан
00:16