i
Cognizant
Proud winner of ABECA 2024 - AmbitionBox Employee Choice Awards
Filter interviews by
I applied via Naukri.com and was interviewed in Sep 2023. There were 3 interview rounds.
The person ability knowledge power testing.
I applied via Naukri.com and was interviewed in Mar 2024. There was 1 interview round.
var and const are used to declare variables in JavaScript, with var being mutable and const being immutable.
var is used to declare variables that can be reassigned and updated
const is used to declare variables that cannot be reassigned or updated
let is another keyword used for declaring variables, similar to var but with block scope
Error boundary is a React component that catches JavaScript errors anywhere in a component tree and logs those errors.
Error boundaries are React components that catch JavaScript errors in their child component tree.
They are used to prevent the entire UI from crashing due to a single error.
Error boundaries work like a JavaScript catch {} block, but for components.
They are defined using componentDidCatch lifecycle method
The 'never' type in TypeScript represents a value that will never occur.
Used to indicate that a function will not return a value
Commonly used in union types to exclude certain values
Helps catch potential errors at compile time
I have used React hooks such as useState, useEffect, useContext, and useRef in my projects.
useState
useEffect
useContext
useRef
useReducer is preferred for managing complex state logic, while useState is simpler for basic state management.
useReducer is more suitable for managing complex state logic and multiple state values
useState is simpler and more straightforward for basic state management with a single value
useReducer allows for more organized and centralized state updates through actions and reducers
useState is commonly used for simple co
Data can be passed from parent to child components in React using props.
Pass data as props from parent component to child component
Use state management libraries like Redux or Context API for complex data sharing
Use callback functions to pass data from child to parent components
Custom hook to fetch data from an API
Create a function that uses the useState and useEffect hooks
Use the fetch API to make a request to the desired endpoint
Return the fetched data and loading state in an array
Map, filter, and reduce are higher-order functions in JavaScript used to manipulate arrays.
Map: Transforms each element in an array and returns a new array with the transformed elements.
Example: [1, 2, 3].map(num => num * 2) returns [2, 4, 6].
Filter: Returns a new array with elements that pass a certain condition.
Example: [1, 2, 3].filter(num => num > 1) returns [2, 3].
Reduce: Applies a function against an accumulator ...
To clone an object in JavaScript, you can use the spread operator or Object.assign() method.
Use the spread operator to create a shallow copy of an object: const clonedObj = { ...originalObj };
Use Object.assign() method to create a shallow copy of an object: const clonedObj = Object.assign({}, originalObj);
For deep cloning, you can use libraries like Lodash or write a custom function to recursively clone nested objects.
Event propagation consists of three stages: capturing, target, and bubbling.
Capturing phase: Events are captured from the outermost element to the target element.
Target phase: Event reaches the target element where the event originated.
Bubbling phase: Events bubble up from the target element to the outermost element.
Errors in a React application can be handled by using error boundaries, try-catch blocks, and displaying error messages to users.
Use error boundaries to catch errors in components and display a fallback UI
Wrap code that may throw errors in try-catch blocks to handle exceptions
Use libraries like React Error Boundary to easily implement error handling
Display error messages to users to inform them about the issue and poss
I applied via Referral
I applied via Naukri.com and was interviewed in Feb 2024. There were 3 interview rounds.
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
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
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
I applied via Naukri.com and was interviewed in Mar 2024. There was 1 interview round.
Front end developers are in high demand due to the increasing importance of user experience in web development.
Front end developers work on the client side of web development, focusing on the user interface and user experience.
They are responsible for implementing designs, optimizing performance, and ensuring cross-browser compatibility.
Front end developers often use HTML, CSS, and JavaScript, as well as frameworks lik...
Reasoning is the mental process of thinking, understanding, and forming conclusions.
Reasoning involves using logic and critical thinking to make sense of information.
It helps in problem-solving and decision-making by analyzing and evaluating evidence.
Types of reasoning include inductive reasoning, deductive reasoning, and abductive reasoning.
I applied via Naukri.com and was interviewed in Feb 2024. There was 1 interview round.
DOM stands for Document Object Model, which is a programming interface for web documents.
DOM is a representation of the structure of a web page, allowing scripts to dynamically access and update the content, structure, and style of the page.
It provides a way for scripts to interact with the elements on a web page, such as changing text, styles, and attributes.
DOM is hierarchical, with elements nested inside other eleme...
Promises in TypeScript are objects representing the eventual completion or failure of an asynchronous operation.
Promises are used to handle asynchronous operations in a more readable and manageable way.
They can be in one of three states: pending, fulfilled, or rejected.
Promises can be chained using .then() to handle success and .catch() to handle errors.
Example: const myPromise = new Promise((resolve, reject) => { ...
Hooks in JavaScript are functions that let you use state and other React features without writing a class.
Hooks were introduced in React 16.8 to allow functional components to have state and lifecycle methods.
useState() is a hook that allows you to add state to functional components.
useEffect() is a hook that allows you to perform side effects in functional components.
Custom hooks are functions that allow you to reuse
Generate an array of prime numbers from 1 to 100.
Iterate from 1 to 100 and check if each number is prime
A prime number is only divisible by 1 and itself
Start with a list of prime numbers and check divisibility
2 question 1 easy 2 medium dsa
2 codes of dsa and mcq.
I applied via Company Website and was interviewed in May 2024. There was 1 interview round.
React Native works by using a bridge to communicate between JavaScript and native code on iOS and Android devices.
React Native uses a JavaScript thread to handle logic and a separate thread for UI rendering.
The bridge allows for communication between the JavaScript thread and native code on the device.
React Native uses a virtual DOM to optimize rendering performance.
Memory allocation is handled by the device's operatin...
React middlewares are functions that intercept and modify requests and responses in a React application.
Middlewares are used to add additional functionality to an application without modifying the core code.
They can be used for authentication, logging, error handling, and more.
Examples of React middlewares include Redux Thunk, Redux Saga, and React Router.
They are typically implemented using higher-order functions.
Midd...
Yes, React Native Context API is a way to manage global state in React Native applications.
Context API allows passing data through the component tree without having to pass props down manually at every level.
It is useful for managing global state such as user authentication, theme, and language preferences.
Context API consists of two parts: the Provider component and the Consumer component.
The Provider component is use...
React Native functional components have limited lifecycle methods compared to class components.
Functional components use useEffect() instead of componentDidMount() and componentDidUpdate()
useEffect() can be used to handle component mount, update, and unmount
useEffect() takes a callback function and an array of dependencies as arguments
The callback function can return a cleanup function to handle component unmount
Functi...
What is HTTPS and how it work in backend creation
Associate
72.4k
salaries
| ₹5.1 L/yr - ₹15.9 L/yr |
Programmer Analyst
55.4k
salaries
| ₹2.4 L/yr - ₹9.8 L/yr |
Senior Associate
48.3k
salaries
| ₹8.9 L/yr - ₹27.1 L/yr |
Senior Processing Executive
28.6k
salaries
| ₹1.8 L/yr - ₹9 L/yr |
Technical Lead
17.6k
salaries
| ₹5.9 L/yr - ₹24.2 L/yr |
TCS
Infosys
Wipro
Accenture