Add office photos
Genpact
CompareProud winner of ABECA 2024 - AmbitionBox Employee Choice Awards
Filter interviews by
Genpact Reactjs Developer Interview Questions and Answers
Genpact Reactjs Developer Interview Experiences
1 interview found
Anonymous
Selected
I applied via Naukri.com and was interviewed before Aug 2023. There was 1 interview round.
(2 Questions)
- Q1. What is the difference between states and props ?
- Ans.
States are mutable data managed within a component, while props are immutable data passed from parent to child components.
States are managed within a component and can be changed using setState method
Props are passed from parent to child components and are immutable
States are used for internal component data management, while props are used for passing data between components
Example: A counter component may have a stat...
- Q2. How are data passed from children to parents in react component?
- Ans.
Data can be passed from children to parents in React components by using callback functions.
Use callback functions to pass data from child components to parent components
Parent component passes a function as a prop to child component
Child component calls the function with the data as an argument to pass data to parent component
Interview Preparation Tips
- React.Js
- HTML
- CSS
- Javascript
Skills evaluated in this interview
Interview questions from similar companies
Selected
I applied via Recruitment Consulltant and was interviewed in Oct 2024. There were 2 interview rounds.
(5 Questions)
- Q1. Component lifecycle
- Q2. What is DOM tree?
- Ans.
DOM tree is a hierarchical representation of HTML elements in a web page.
DOM stands for Document Object Model.
It is a tree-like structure where each node represents an HTML element.
The DOM tree is created by the browser when a web page is loaded.
It allows JavaScript to manipulate the content, structure, and style of a web page.
- Q3. What is the difference between props and state?
- Ans.
Props are immutable and passed from parent component, while state is mutable and managed within the component.
Props are read-only and cannot be modified by the component receiving them.
State is mutable and can be changed by the component that owns it.
Props are passed from parent to child components, while state is managed within the component itself.
Example: Props can be used to pass data from a parent component to a c...
- Q4. What is redux and when to use it and when not to use it?
- Ans.
Redux is a predictable state container for JavaScript apps. It is used to manage application state in a centralized way.
Use Redux when you have complex state management needs in your application.
Redux is helpful for large applications with many components that need access to the same state.
Avoid using Redux for simple applications with minimal state management requirements.
Consider using React's built-in state manageme...
- Q5. Two arrays passed to one function, then remove the elements passed from source array and present in another array
- Ans.
Remove elements from source array present in another array passed to a function
Loop through elements in source array and check if they exist in the other array
If an element is found in both arrays, remove it from the source array
(5 Questions)
- Q1. What is DOM tree
- Ans.
DOM tree is a hierarchical representation of HTML elements in a web page.
DOM stands for Document Object Model
It is a tree-like structure where each node represents an HTML element
The root node is the element, followed by
and elementsNodes can have parent-child relationships, siblings, and descendants
JavaScript can manipulate the DOM to dynamically update the content and structure of a web page
- Q2. What are lifecycle methods of react? How we can achieve same in functional components?
- Ans.
React lifecycle methods are methods that are invoked at different stages of a component's life cycle.
Some lifecycle methods include componentDidMount, componentDidUpdate, componentWillUnmount, etc.
In functional components, we can achieve similar functionality using useEffect hook.
For example, useEffect with an empty dependency array can mimic componentDidMount, while useEffect with dependencies can mimic componentDidUp
- Q3. What is redux? Explain its architecture.
- Ans.
Redux is a predictable state container for JavaScript apps.
Redux is a state management library commonly used with React.
It helps in managing the state of the application in a predictable way.
Redux follows a unidirectional data flow architecture.
Actions are dispatched to update the state, which is stored in a single immutable state tree.
Reducers are pure functions that specify how the state should change in response to
- Q4. When do we use any in typescript?
- Ans.
The 'any' type in TypeScript is used when the type of a variable is not known during development.
Use 'any' when working with dynamic data types or when the type cannot be determined at compile time.
Avoid using 'any' as much as possible to maintain type safety and improve code quality.
Consider using 'unknown' type instead of 'any' for better type checking and error prevention.
- Q5. What is the checklist for improving performance of React application?
- Ans.
Checklist for improving performance of React application
Use React.memo or PureComponent for optimizing rendering
Avoid unnecessary re-renders by using shouldComponentUpdate or React.memo
Use code splitting to load only necessary components
Optimize state management with libraries like Redux or Context API
Minimize the use of inline styles and prefer CSS stylesheets for better performance
Skills evaluated in this interview
(2 Questions)
- Q1. React basic,event loop, Lazy Loading, Suspense, Javascript basics
- Q2. Create counter application
- Ans.
Counter application using Reactjs
Create a React component for the counter
Use state to keep track of the count
Implement functions to increment and decrement the count
Display the count on the screen
I applied via Naukri.com and was interviewed in Nov 2024. There was 1 interview round.
(2 Questions)
- Q1. Technical and optimization techniques related
- Q2. Coding questions of java script
anjali rastogi
(1 Question)
- Q1. What is client side and server side rendering
(2 Questions)
- Q1. Flat the array without using the inbuilt methods
- Ans.
Flatten an array without using inbuilt methods
Use recursion to iterate through the array and flatten it
Create a new array to store the flattened elements
Check if each element is an array, if so, recursively call the function to flatten it
- Q2. Sort the given objects based on the ages
Samiksha Sajane
(5 Questions)
- Q1. Explain useSelector
- Ans.
useSelector is a hook provided by React-Redux for accessing the Redux store state in functional components.
Allows functional components to access the Redux store state without connecting to the store
Accepts a selector function as an argument to specify which part of the state to extract
Automatically subscribes to the Redux store updates and re-renders the component when the selected state changes
- Q2. Optimization in react
- Ans.
Optimization in React involves improving performance and efficiency of the application.
Use shouldComponentUpdate or PureComponent to prevent unnecessary re-renders
Avoid using inline functions in render method to prevent re-renders
Use keys in lists to help React identify which items have changed
Splitting components into smaller ones can improve performance
Use React.memo for functional components to memoize the result
- Q3. What is JSX in react
- Ans.
JSX is a syntax extension for JavaScript used in React to write HTML-like code within JavaScript.
JSX allows developers to write HTML-like code directly in their JavaScript files
It makes the code more readable and easier to understand
JSX gets transpiled into regular JavaScript by tools like Babel before being rendered by the browser
- Q4. Explain redux flow in react
- Ans.
Redux flow in React involves actions, reducers, store, and components to manage state in a centralized manner.
Actions are dispatched to describe what happened in the application.
Reducers specify how the state changes in response to actions.
Store holds the state of the application.
Components can connect to the store to access and update the state.
- Q5. Stateful and stateless components
Skills evaluated in this interview
(2 Questions)
- Q1. What do you mean by redux and how to use redux
- Ans.
Redux is a predictable state container for JavaScript apps. It helps manage the state of an application in a more organized way.
Redux is a state management tool commonly used with React to manage the state of an application.
It follows a unidirectional data flow, where the state is stored in a single store.
Actions are dispatched to update the state, and reducers specify how the state should change in response to actions...
- Q2. What is the use of Context Api in React
- Ans.
Context API is used in React to pass data through the component tree without having to pass props down manually at every level.
Avoids prop drilling by providing a way to share values like themes, user data, etc. across the component tree.
Helps in managing global state in React applications.
Context API consists of Provider and Consumer components to provide and consume the context data.
Can be used for theming, localizat
Skills evaluated in this interview
Niharika Thakur
I applied via Company Website and was interviewed in Jun 2024. There were 2 interview rounds.
Got a link on mail to give online clearance test. 25 questions on react, Js and html-css
(1 Question)
- Q1. Build a login page
I applied via Recruitment Consulltant and was interviewed in Nov 2023. There were 3 interview rounds.
Progress bar in react and remote data fetching
(1 Question)
- Q1. Ui related questions
(1 Question)
- Q1. Asked for preferred location and salary
Genpact Interview FAQs
Tell us how to improve this page.
Genpact Interviews By Designations
- Genpact Process Associate Interview Questions
- Genpact Process Developer Interview Questions
- Genpact Management Trainee Interview Questions
- Genpact Assistant Manager Interview Questions
- Genpact Business Analyst Interview Questions
- Genpact Consultant Interview Questions
- Genpact Senior Associate Interview Questions
- Genpact Accountant Interview Questions
- Show more
Interview Questions for Popular Designations
- React Js Frontend Developer Interview Questions
- React Native Developer Interview Questions
- React Developer Interview Questions
- Senior React Native Developer Interview Questions
- android and React Native Developer Interview Questions
- React Js Software Engineer Interview Questions
- Software Developer Interview Questions
- Java Developer Interview Questions
- Show more
Reactjs Developer Interview Questions from Similar Companies
Fast track your campus placements
|
Process Developer
36.1k
salaries
|  ₹1 L/yr - ₹6.8 L/yr |
|
Process Associate
28k
salaries
| ₹0.9 L/yr - ₹7 L/yr |
|
Assistant Manager
19.8k
salaries
| ₹5 L/yr - ₹14 L/yr |
|
Management Trainee
19.1k
salaries
| ₹1.6 L/yr - ₹8.5 L/yr |
|
Manager
7.4k
salaries
| ₹5.7 L/yr - ₹23.8 L/yr |
Accenture
Capgemini
TCS
Cognizant
- Home >
- Interviews >
- Genpact Interview Questions >
- Genpact Reactjs Developer Interview Questions
