No video

React JS Interview Questions ( Selectable Grid ) - Frontend Machine Coding Interview Experience

  Рет қаралды 21,905

RoadsideCoder

RoadsideCoder

Күн бұрын

Пікірлер: 41
@RoadsideCoder
@RoadsideCoder 5 ай бұрын
Roadside to Dream Job - Frontend Interview Prep Course 🔥🔥 roadsidecoder.com/course-details (50% Discount for limited time)
@arkadas2634
@arkadas2634 3 ай бұрын
Bro while selecting backwards, lets say suppose from 45-23, it was not selecting the grid properly only two elements were selected. So what i did, i added a if else, like if the startbox value is greater than endbox then we will loop from max to min. Else we will loop from min to max. Let me know what do you think of this!!! Code snippet: if (startBox > endBox) { for (let row = maxRow; row >= minRow; row--) { for (let col = maxCol; col >= minCol; col--) { selected.push(row * cols + col + 1); } } } else { for (let row = minRow; row
@saiphaneeshk.h.5482
@saiphaneeshk.h.5482 5 ай бұрын
Thanks for these kind of real world problem solving videos. It really helps allot.
@Aviralsingh-yw7xx
@Aviralsingh-yw7xx 5 ай бұрын
Hats off to your dedication. My Interviewer recently asked me to code tic tac toe game, could you please make a video on that
@RoadsideCoder
@RoadsideCoder 5 ай бұрын
Very Soon!
@karunasagarks5228
@karunasagarks5228 5 ай бұрын
Which company interview?
@anuragdas1978
@anuragdas1978 5 ай бұрын
I figured out the error. const selected = [startBox]; this will fix your code@@RoadsideCoder
@pravinprince3221
@pravinprince3221 5 ай бұрын
Thank you for the wonderful video bro, it is so helpful for me and my team, thanks again bro
@RoadsideCoder
@RoadsideCoder 5 ай бұрын
Always welcome
@asifali_official3137
@asifali_official3137 5 ай бұрын
This video is greatly explained brother
@anuragdas1978
@anuragdas1978 5 ай бұрын
Could you please elaborate more on why we used the callback function, I tried the code without the callback function and it did not show expected behavior. Could you explain the reason behind it? With that question, if using the callback function also changes the expected behavior, do we need to use it compulsorily and not just for performance boost?
@anuragdas1978
@anuragdas1978 5 ай бұрын
"You should only rely on useCallback as a performance optimization. If your code doesn’t work without it, find the underlying problem and fix it first. Then you may add useCallback back." - React Docs. Could you explain a way which would give the expected behavior without the hook ?
@anuragdas1978
@anuragdas1978 5 ай бұрын
const selected = [startBox]; will fix the error. as we are loosing the initial box when the function runs again, so we need to fix this so that it runs as expected even without the callback function.
@saiphaneeshk.h.5482
@saiphaneeshk.h.5482 5 ай бұрын
I feel that he used the useCallback because since only 3 functions are there and everything the component is rendered, it'll create the function again. To stop that he used useCallback so that the function definition is done only once.
@sanketsarkar9890
@sanketsarkar9890 4 ай бұрын
@@anuragdas1978 A very important point you noticed my friend. I also encountered the same issue while coding myself and took me a lot of time to debug it.
@user-ck8vg9bd6v
@user-ck8vg9bd6v 4 ай бұрын
Great content thank you my brother 🎉❤
@RoadsideCoder
@RoadsideCoder 4 ай бұрын
Much appreciated
@parikshitgupta343
@parikshitgupta343 4 ай бұрын
You added isMouseDown dependency in the useCallback. Can you please explain what exactly it is doing
@ankushladani496
@ankushladani496 4 ай бұрын
For finding row We can write (boxnum%rows)-1
@MrColins710
@MrColins710 5 ай бұрын
Good job!
@zombi1034
@zombi1034 4 ай бұрын
I managed to implement this but it took me 1.5 hours. Is this ok? I don't think I could implement this in 20 minutes or so.
@swayamprakashsahoo9002
@swayamprakashsahoo9002 5 ай бұрын
Thanks🎉
@iftekhar_ansari
@iftekhar_ansari 5 ай бұрын
Interesting ❤❤❤
@arulgurukarthikeyan3449
@arulgurukarthikeyan3449 4 ай бұрын
Hi bro, While selecting upwards. Its not working as expected bro. Please give me a solution for that
@RavindraSingh-lp9pl
@RavindraSingh-lp9pl 5 ай бұрын
Amazing
@awais_ansarii
@awais_ansarii 5 ай бұрын
@TonyStark90743
@TonyStark90743 5 ай бұрын
Do they ask these questions to people with experience less than a year ?
@JeevanTV-do2hc
@JeevanTV-do2hc 5 ай бұрын
No bro it is for 5+ If the interviewer except more they can ask
@glasscoder
@glasscoder 5 ай бұрын
All we need to do is to take a look at code and requirements.txt file.
@HARISHKUMAR-cb4zu
@HARISHKUMAR-cb4zu 4 ай бұрын
Great video but just wanted to say t he logic for selecting the grid is not correct it is not selecting as we required
@RoadsideCoder
@RoadsideCoder 4 ай бұрын
How do u require? Its working fine for me.
@amittraspal
@amittraspal 3 ай бұрын
@@RoadsideCoder While selecting in a reverse fashion, it doesn't respect the initial starting point. I believe that is what is being asked.
@bardhan.abhirup
@bardhan.abhirup Ай бұрын
Reverse logic is buggy in the demo due to the setSelectboxes updating on every mouseenter, set the startBox to it's own useState and clear it on mouseUp. Refer to this state variable inside the handleMouseEnter and it works fine.
@Abiram77
@Abiram77 5 ай бұрын
Bro please do a video about Devin 😢
@RoadsideCoder
@RoadsideCoder 5 ай бұрын
What type of video? Its not even launched yet
@Abiram77
@Abiram77 5 ай бұрын
@@RoadsideCoder but introduction video is too scary right.i want your reaction about that 🥲.iam totally demotivated bro ,I don't know what I need to study ,i studied HTML,css,and JavaScript by my self ..but now I think that my effort ,everything is big zero ,and wasted time .
@MessiLeo2312
@MessiLeo2312 5 ай бұрын
@@Abiram77 if you have no confidance on yourself then it will take your job oherwise big no (atleast 5 years)
@mentix002
@mentix002 4 ай бұрын
What the heck is “machine coding”? Bruh.
@RoadsideCoder
@RoadsideCoder 4 ай бұрын
Its a frontend interview round where you are asked to build a small app in given time.
@mentix002
@mentix002 4 ай бұрын
@@RoadsideCoder “machine” coding? What kind of a term is that? Leave it to Indian companies and interviewers to make up their own illogical terms. Obviously a computer is a “machine”. And obviously you’re going to have to “code” in an interview FOR a programming job. From what I can Google and what you told me the idea behind it is actually great - to build something practical and actually interesting with best practices instead of puking out the usual LeetCode DS/A style problems but I take big issue with the phrase “machine coding”. The term makes 0 sense and I haven’t ever encountered it outside of Indian interviewers. Really cool video though, thanks for sharing. All the best!
а ты любишь париться?
00:41
KATYA KLON LIFE
Рет қаралды 3,7 МЛН
He bought this so I can drive too🥹😭 #tiktok #elsarca
00:22
Elsa Arca
Рет қаралды 13 МЛН
Before VS during the CONCERT 🔥 "Aliby" | Andra Gogan
00:13
Andra Gogan
Рет қаралды 10 МЛН
I gave 127 interviews. Top 5 Algorithms they asked me.
8:36
Sahil & Sarra
Рет қаралды 644 М.
[ Live ] React JS Interview 🤯 | Frontend UI Questions 🤒
1:12:35
Akshay Saini
Рет қаралды 338 М.
WTF Do These Even Mean
13:44
Web Dev Simplified
Рет қаралды 84 М.
а ты любишь париться?
00:41
KATYA KLON LIFE
Рет қаралды 3,7 МЛН