Hyperface Senior Frontend Web Developer Interview Questions, Process, and Tips

Leetcode DSA problems

Goof amount of core js questions were asked

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

Q1. Started with simple questions like hoisting and virtual DOM, then progressed to event loop microtask queue and other concepts.
Add your answer
Q2. Asked about debouncing and throttle (I mentioned them in projects). Then told me to write polyfill for those. What is reconciliation in React and how is it working after React 16 and how was it working ear...read more
Add your answer
Q3. Couple of output questions based on closure.
Add your answer

Q1. Coding questions on React + JS
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

Q1. What is Debouncing in JavaScript?
Ans. 
Debouncing in JavaScript is a technique used to limit the number of times a function is called in a short period of time.
• Debouncing is used to improve performance and prevent unnecessary function calls.

• It delays the execution of a function until after a certain amount of time has passed since the last invocation.

• It is commonly used in scenarios like search bars, scroll events, and input validation.

• Debouncing can be imp...read more
Answered by AI
View 1 more amswer
Q2. What is an Arrow Function?
Ans. 
Arrow functions are a concise way to write functions in JavaScript.
• Arrow functions have a shorter syntax compared to regular functions.

• They do not have their own 'this' value.

• Arrow functions are always anonymous.

• They are commonly used in React components for event handlers and callbacks.
Answered by AI
View 1 more amswer

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