Swiggy Machine Coding Round | Infinite Scrolling Configurable Component In React | FE Interview 🔥

Disclaimer: There is more that can be added to this configurable infinite scroll component, I have tried to solve this question keeping in mind the 30 - 40 mins timeframe of the interview. I am aware that there are many things that can be added to improve this component.

Important Playlists to crack Frontend Interviews 👇🏻

For any doubts and help follow me on:

Track: Clarx, Debris, 3rd Prototype, Castion, EMDI - Evolution (feat. Harley Bird) [NCS10 Release]
Music provided by NoCopyrightSounds.

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Tags and hashtags:
#javascript #javascriptinterviewquestions #JS #js #frontend #frontendDeveloper #software #developer #engineer #softwareengineer #frontendengineer #OOPS #closures #salary #job #placement

Javascript concepts
JS OOPS
Javascript Object Oriented Programming
How OOPS works in Javascript
Prototypes in JS
Javascript __ptoto__
What is a prototype in Javascript
Basics of JS
How to learn javascript
Javascript
Javascript concepts
Frontend Engineer
Frontend Developer
Software Engineer
Software Development Engineer
How to become a frontend engineer
How much salary does a frontend developer make
What is the salary of a frontend engineer
Javascript for a frontend developer
Concepts of javascript
Bootcamp for frontend developers
Roadmap for a frontend engineer
How to get a job as a frontend engineer
How to become a frontend developer
Javascript tutorial
Javascript full course
Javascri[t interview questions
Javascri[t interview questions and answers
Salary of a frontend developer
System Design
Frontend System Design

[prashantrathour]

It can be very simple you did in very complicated ways

[garrysyt]

This really helps a lot 🙂. Waiting for more content from this underrated guy .

[gunjangidwani]

This is really good way of writing code, I learnt something new ...
Keep it up...👍

[adarshsulegai]

Wouldn't it be better if we used debouncing instead of abort controllers?

[nitingupta]

why pageNumber is a ref and not a state?

[madhavimvh]

I am seeing comments saying debounce can be used instead of abort controller. Debounce can be used but what about the previous requests ? Explained very well in the video by using abortController

[ratnajagadeesharava]

why cant we use debouncing instead of abortcontroller, debounce can prevent from the call happening

[Thanveershah]

Very informative. Quick question, Why exactly was the fetch api wrapped in a new Promise, when fetch itself returns a promise?

[gautam]

Thank You . Please upload more content related to this.

[debabratabhattacharjee]

What if the list is so small that the last element does not go out of the page and in that case it will keep calling the API, since it will always be intersecting with the viewport.

[yashvashisth]

nice, but totally copied from "Web Dev Simplified"

In Machine coding round, the asked to code in react or vanilla?

[ayushjain]

Why you are using usecallback in every function it is generally not a nice practice

[developer_]

One Question : Was it a good way to implement function on App.js for InfiniteScroll. We can implement function use by infiniteScroll on it own file or can use separate file for these function like getDate into utiles and API files or can even implement customHook for infiniteScroll. I have read to keep the application login in separate file instead inside the component. What's your thoughts

[elroinoronha]

Hey man. Loved the video. Could you also include the solution source code in the description ? It makes browsing the code + learning much much faster. Thanks a ton

[adwaithks]

Why not debounce instead of abortcontroller ?

[nallaparajuamareshvarma]

what is the use of using usecallback without passing any dependency, it is created after every render right, can anyone clarify it here

[Ash-foqs]

where can we find the solution of this questions?

[kapilrana]

Bro i just want to know does swiggy ask DSA problems for frontend engg roles as i am very poor in DSA

[Luke-o]

don't copy from web dev simplified