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. HTML CSS JS Angular React Questions
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

Q1. Hoisting concept with examples and guess the output
Ans. 
Hoisting is a JavaScript mechanism where variable and function declarations are moved to the top of their containing scope.
• Variable declarations are hoisted but not their initializations.

• Function declarations are fully hoisted.

• Example: console.log(myVar); var myVar = 10; // Output: undefined

• Example: console.log(myFunc()); function myFunc() { return 'Hello!'; } // Output: Hello!
Answered by AI
Add your answer
Q2. Map functionality with a call back function
Ans. 
Using map function to apply a callback function to each element in an array
• Map function is used to iterate over an array and apply a callback function to each element

• The callback function can perform operations on each element and return a new value

• Example: arr.map(item => item * 2) will double each element in the array
Answered by AI
Add your answer
Q3. Copy object, spread operator usage . Deep copy, sallow copy
Add your answer
Q4. Flexbox vs grid, dom, box model,
Ans. 
Flexbox is best for one-dimensional layouts, Grid is best for two-dimensional layouts, DOM is the structure of a webpage, Box model is the layout of elements.
• Flexbox is best for creating one-dimensional layouts like navigation bars or sidebars.

• Grid is best for creating two-dimensional layouts like grids of images or cards.

• DOM (Document Object Model) is the structure of a webpage, representing the elements as objects.

• Bo...read more
Answered by AI
Add your answer
Q5. React optimization, why React,
Add your answer

An aptitude test is a way for employers to assess a candidate's abilities through a variety of different testing formats. Aptitude tests will test your ability to perform tasks and react to situations at work. This includes problem-solving, prioritisation and numerical skills, amongst other things.

An assignment is the transfer of rights or property. In financial markets, it is a notice to an options writer that the option has been exercised.

Q1. What is react and it's advantage
Ans. 
React is a JavaScript library for building user interfaces.
• React allows for the creation of reusable UI components

• It uses a virtual DOM for efficient rendering

• React is declarative, making it easier to understand and debug code
Answered by AI
Add your answer
Q2. React life cycle
Add your answer
Q3. Questions related to Redux
Add your answer
Q4. Simple app using redux
Ans. 
Creating a simple app using Redux for state management in a front end application.
• Set up Redux store with reducers and actions

• Connect components to Redux store using mapStateToProps and mapDispatchToProps

• Dispatch actions to update state in Redux store

• Use combineReducers to manage multiple reducers
Answered by AI
Add your answer

Q1. Previous project
Add your answer
Q2. Agile process followed in project
Ans. 
Agile process involves iterative development, frequent collaboration, and adaptability to changes.
• Daily stand-up meetings to discuss progress and roadblocks

• Sprints for focused development and testing

• Continuous feedback and iteration based on user input

• Use of tools like Jira or Trello for project management
Answered by AI
Add your answer

Q1. Salary discussion
Add your answer
Q2. Work location 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

Q1. Reverse given array
Ans. 
Reverse the given array of strings
• Use the reverse() method to reverse the array in place

• Alternatively, you can use a for loop to iterate through the array and build a new reversed array
Answered by AI
Add your answer

Q1. Call api and print data in using react
Ans. 
To call an API and print data in React, use fetch or axios to make the API call and then render the data in the component.
• Use fetch or axios to make the API call in React component

• Store the API response data in state using useState hook

• Render the data in the component using JSX
Answered by AI
Add your answer