KPMG India Front end Developer Interview Questions and Answers

Javascript array questions like palindrom and others with aptitude

Q1. Skill related technical questions
Add your answer
Q2. How to share data in components react
Ans. 
Data can be shared between components in React using props, context, or state management libraries like Redux.
• Use props to pass data from parent to child components

• Use context to share data across multiple components without passing props manually

• Use state management libraries like Redux to manage global state and share data between components
Answered by AI
Add your answer
Q3. Prop drilling explain in react
Ans. 
Prop drilling is the process of passing data through multiple levels of components in React.
• Prop drilling occurs when a component needs to pass data to a deeply nested child component.

• It can lead to code that is hard to maintain and understand.

• One way to avoid prop drilling is by using Context API or Redux for state management.
Answered by AI
Add your answer
Q4. Redux flow explain
Ans. 
Redux is a predictable state container for JavaScript apps.
• Redux stores the entire state of an application in a single immutable object.

• State changes are made by dispatching actions, which are plain JavaScript objects.

• Reducers specify how the application's state changes in response to actions.

• Redux flow: Action -> Reducer -> Store -> View
Answered by AI
Add your answer

Q1. Previous project discussion
Add your answer

Q1. Fir arrow function This keyword Promises Promise chain Generator function Rest operator Spread operator React hooks Higher order component Redux life cycle Palindrome string code Fibonacci code
Add your answer

2 moderate DSA questions and a Question on React on Api's to fetch data

Q1. HTML CSS JS Angular React Questions
Add your answer

Q1. How to handle error in javascript
Ans. 
Error handling in JavaScript involves using try-catch blocks, throwing custom errors, and using error objects.
• Use try-catch blocks to catch and handle errors

• Throw custom errors using the throw keyword

• Use error objects like Error, SyntaxError, TypeError, etc. for specific types of errors
Answered by AI
Add your answer
Q2. Explain closure
Ans. 
Closure is a function that retains access to variables from its parent scope even after the parent function has finished executing.
• Closure allows a function to access and manipulate variables from its outer scope.

• It forms a 'closed-over' scope that persists even after the outer function has finished executing.

• Closures are commonly used in event handlers, callbacks, and asynchronous code.

• Example: function outerFunction(...read more
Answered by AI
Add your answer

Basic angular questions like-lazy loading, == === operator etc

Q1. Map function , hashmap
Add your answer

Q1. What are closures with examples ?
Ans. 
Closures are functions that have access to their own scope, as well as the scope in which they were defined.
• Closures allow functions to access variables from their outer function even after the outer function has finished executing.

• Closures are commonly used in event handlers and callbacks.

• Example: function outerFunction() { let outerVar = 'I am outer'; return function innerFunction() { console.log(outerVar); }; }
Answered by AI
Add your answer
Q2. How to get updated content on scroll on e-commerce app?
Ans. 
Use infinite scrolling to fetch new content as user scrolls down the page.
• Implement infinite scrolling to load more products as user scrolls down

• Make AJAX calls to fetch new content from the server

• Update the DOM with the new content dynamically
Answered by AI
Add your answer

Q1. What are semantic elements in HTML?
Ans. 
Semantic elements in HTML provide meaning to the content, making it easier for search engines and screen readers to interpret.
• Semantic elements are HTML tags that clearly define the content they wrap.

• They provide structure and meaning to the content, making it more accessible and SEO-friendly.

• Examples include <header>, <footer>, <nav>, <article>, <section>, <aside>, <main>, <
Answered by AI
Add your answer
Q2. Difference between html5 and html?
Ans. 
HTML5 is the latest version of HTML with new features and improvements.
• HTML5 supports new elements like <header>, <footer>, <nav>, <article>, <section> etc.

• HTML5 supports new input types like email, url, date, range, color etc.

• HTML5 supports new APIs like Geolocation, Web Storage, Web Workers, Canvas, Audio/Video etc.
Answered by AI
Add your answer

Q1. How to pass data in components using Vue js and react js?
Ans. 
Data can be passed in components using props in Vue.js and React.js.
• In Vue.js, data can be passed down to child components using props.

• In React.js, data can be passed down to child components using props as well.

• In Vue.js, props are defined in the parent component and passed down to the child component.

• In React.js, props are passed down from parent to child components as attributes.
Answered by AI
Add your answer