Add office photos
Engaged Employer

Capgemini

3.8
based on 40.1k Reviews
Proud winner of ABECA 2024 - AmbitionBox Employee Choice Awards
Filter interviews by

10+ Eliferous Interview Questions and Answers

Updated 22 Jul 2024
Popular Designations

Q1. What is life cycle method What hooks you have used What is map filter and reduce How to make JavaScript asynchronous What is the difference between redux thunk and redux saga What is the benefit of arrow functi...

read more
Ans.

Life cycle methods are methods that are automatically called at different stages of a component's life cycle in React.

  • ComponentDidMount is called after the component has been rendered to the DOM.

  • ComponentDidUpdate is called after the component's state or props have been updated.

  • ComponentWillUnmount is called before the component is removed from the DOM.

Add your answer

Q2. 1. Difference between client-side and server side scripting? 2. What is destructuring? 3. What is HOC? 4. Write code to combine nested array 5. Write code to count the number of vowels in a string

Ans.

1. Client-side scripting runs on the user's browser, while server-side scripting runs on the server. 2. Destructuring is a way to extract values from objects and arrays. 3. HOC stands for Higher Order Component in React. 4. Combining nested arrays involves flattening them into a single array. 5. Counting vowels in a string involves iterating through the characters and checking if they are vowels.

  • Client-side scripting executes on the user's browser, while server-side scripting...read more

Add your answer

Q3. Coding - Finding missing values from array(Javascript), Increment & decrement count (React)

Ans.

Finding missing values in array using JavaScript and incrementing/decrementing count in React.

  • Use JavaScript to find missing values in array by comparing with a reference array.

  • Implement logic to increment and decrement count in React based on user interactions.

  • Example: const array = ['apple', 'banana', 'orange']; const referenceArray = ['apple', 'banana', 'grape'];

  • Example: Implement a counter component in React that increments and decrements count based on button clicks.

Add your answer

Q4. 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

Add your answer
Discover Eliferous interview dos and don'ts from real experiences

Q5. 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

Add your answer

Q6. 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

Add your answer

Q7. 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

Add your answer

Q8. What are context API

Ans.

Context API is a feature in React that allows sharing data between components without having to pass props through every level of the component tree.

  • Context API provides a way to pass data through the component tree without having to pass props down manually at every level.

  • It is useful for sharing global data such as themes, user authentication, or language preferences.

  • Context API consists of three main parts: Provider, Consumer, and useContext hook.

  • Example: const ThemeContex...read more

Add your answer

Q9. Explain Redux life cycle

Ans.

Redux life cycle involves actions, reducers, store, and state management in a predictable flow.

  • Actions are dispatched to trigger state changes

  • Reducers specify how the state should change based on the action type

  • Store holds the application state

  • State is updated immutably

Add your answer

Q10. 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

Add your answer
Contribute & help others!
Write a review
Share interview
Contribute salary
Add office photos

Interview Process at Eliferous

based on 9 interviews
2 Interview rounds
Technical Round - 1
Technical Round - 2
View more
Interview Tips & Stories
Ace your next interview with expert advice and inspiring stories

Top Front end Developer Interview Questions from Similar Companies

3.9
 • 15 Interview Questions
3.2
 • 13 Interview Questions
4.9
 • 11 Interview Questions
3.5
 • 11 Interview Questions
3.8
 • 10 Interview Questions
3.6
 • 10 Interview Questions
View all
Share an Interview
Stay ahead in your career. Get AmbitionBox app
qr-code
Helping over 1 Crore job seekers every month in choosing their right fit company
70 Lakh+

Reviews

5 Lakh+

Interviews

4 Crore+

Salaries

1 Cr+

Users/Month

Contribute to help millions

Made with ❤️ in India. Trademarks belong to their respective owners. All rights reserved © 2024 Info Edge (India) Ltd.

Follow us
  • Youtube
  • Instagram
  • LinkedIn
  • Facebook
  • Twitter