Capgemini
10+ Eliferous Interview Questions and Answers
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 moreLife 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.
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
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
Q3. Coding - Finding missing values from array(Javascript), Increment & decrement count (React)
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.
Q4. What is react and it's advantage
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
Q5. Call api and print data in using react
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
Q6. Agile process followed in project
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
Q7. Simple app using redux
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
Q8. What are context API
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
Q9. Explain Redux life cycle
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
Q10. reverse given array
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
More about working at Capgemini
Interview Process at Eliferous
Top Front end Developer Interview Questions from Similar Companies
Reviews
Interviews
Salaries
Users/Month