Mahindra First Choice Wheels React Js Frontend Developer Interview Questions and Answers

Q1. Create a pagination
Ans. 
Pagination component to display a list of items with page navigation.
• Create a Pagination component with props for total number of items, items per page, and current page.

• Calculate total number of pages based on total items and items per page.

• Display page numbers with previous and next buttons to navigate through pages.

• Update the list of items displayed based on current page.

• Handle click events on page numbers and previ
Answered by AI
Add your answer

Q1. Write a polyfill of JS promise
Ans. 
A polyfill for JS promise is a piece of code that provides support for promises in older browsers.
• Create a Promise class with resolve, reject, then, and catch methods

• Implement the executor function to handle the asynchronous operation

• Use setTimeout to simulate asynchronous behavior

• Handle chaining of then and catch methods
Answered by AI
Add your answer

1 hour test on hackerrank with 2 coding question and 2 react question on class based component

Q1. Functional vs class component
Add your answer
Q2. Responsive vs adaptive design
Add your answer
Q3. What is virtual dom how it is different from real dom how it works
Add your answer
Q4. Closure, hoisting, debouncing
Add your answer

Q1. What are promises
Ans. 
Promises are objects representing the eventual completion or failure of an asynchronous operation.
• Promises are used to handle asynchronous operations in JavaScript.

• They can be in one of three states: pending, fulfilled, or rejected.

• Promises can be chained using .then() to handle success and .catch() to handle errors.

• Example: fetch() API returns a promise that resolves with the response to a request.
Answered by AI
Add your answer
Q2. How js handle asynchronous codes
Ans. 
JavaScript handles asynchronous codes using callbacks, promises, and async/await.
• Callbacks are functions passed as arguments to another function to be executed later.

• Promises represent the eventual completion (or failure) of an asynchronous operation and allow chaining of multiple asynchronous operations.

• Async/await is a modern way of handling asynchronous code that makes it look synchronous.

• Example: Using setTimeout w...read more
Answered by AI
Add your answer
Q3. Stair climbing leetcode question
Add your answer

Q1. Polyfill for bind Closures Call apply bind let const var lexical environment scope output questions
Add your answer

Q1. Create a pagination
Ans. 
Pagination component to display a list of items with page navigation.
• Create a Pagination component with props for total number of items, items per page, and current page.

• Calculate total number of pages based on total items and items per page.

• Display page numbers with previous and next buttons to navigate through pages.

• Update the list of items displayed based on current page.

• Handle click events on page numbers and previ
Answered by AI
Add your answer

Q1. Write a polyfill of JS promise
Ans. 
A polyfill for JS promise is a piece of code that provides support for promises in older browsers.
• Create a Promise class with resolve, reject, then, and catch methods

• Implement the executor function to handle the asynchronous operation

• Use setTimeout to simulate asynchronous behavior

• Handle chaining of then and catch methods
Answered by AI
Add your answer

The first round is Hackerrank two algo and one UI test very easy, Second is Fundamentals of JS and React Native one must have a deep understanding of JS to do that I strongly suggest going through Akashay Saini's JS series It'll help and the Third is PS/DS asked some basic A&DS questions can be solved easily with little practice on Leetcode

Q1. Event loop based questions
Add your answer
Q2. Input output question
Add your answer

Q1. React hooks , callback hook
Add your answer
Q2. Create a component for counter
Ans. 
Create a reusable component for a counter in web design and frontend development.
• Use HTML for structure

• Use CSS for styling

• Use JavaScript for functionality

• Implement increment and decrement buttons

• Display the current count
Answered by AI
Add your answer