HDFC Bank Front Office Executive Interview Questions and Answers

First round was with BarRaiser, they first gave the question related to DSA related to strings. Then questions related to HTML/CSS in same round. Then questions related to react concepts.

Was given a bar raiser round where been asked problems on dp, create a crud shopping cart type webapp in react, and one css problem to align all boxes across diagonal

Mostly around resume and performance optimisation

Q1. Verbally design infinte scroll in react
Ans. 
Implementing infinite scroll in React involves dynamically loading content as the user scrolls down the page.
• Use a scroll event listener to detect when the user reaches the bottom of the page

• Fetch more data from the server and append it to the existing content

• Update the state to reflect the new content and trigger a re-render of the component
Answered by AI
Add your answer
Q2. Flatten array deeply nested
Ans. 
Flatten deeply nested array of strings
• Use recursion to iterate through each element in the array

• Check if each element is an array, if so, recursively call the function

• Concatenate the strings from each nested array into a single flat array
Answered by AI
Add your answer

Q1. 1.Create Stopwatch in React js
Ans. 
Create a stopwatch in React js
• Use state to keep track of time

• Use setInterval to update time every second

• Display time in HH:MM:SS format
Answered by AI
Add your answer
Q2. 2.Explain Polyfills
Ans. 
Polyfills are code that provides modern functionality on older browsers that do not natively support it.
• Polyfills are used to fill in the gaps in browser support for certain features or APIs.

• They are typically implemented using JavaScript.

• Polyfills can be used for features like Promises, Fetch API, and ES6 syntax on older browsers.

• They help ensure that a website or application works consistently across different browse
Answered by AI
Add your answer

Q1. Tell me about yourself.
Add your answer