Filter interviews by
posted on 19 May 2023
I applied via Naukri.com and was interviewed before May 2022. There were 3 interview rounds.
Questionnaire . Many type of questions they have in their form
Top trending discussions
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
Complex it is not expected hard Interview
JSX is a syntax extension for JavaScript that allows HTML to be written in React components. ES6 is a newer version of JavaScript with additional features.
JSX allows developers to write HTML-like code within JavaScript files
ES6 introduces new syntax and features like arrow functions, classes, and template literals
JSX is transformed into regular JavaScript by tools like Babel before being rendered in the browser
Arrow functions are a concise way to write functions in JavaScript.
Arrow functions do not have their own 'this' keyword.
Arrow functions are more concise than traditional function expressions.
Arrow functions do not have their own 'arguments' object.
Arrow functions are best suited for non-method functions.
Example: const add = (a, b) => a + b;
Lazy loading is a technique used in web development to defer loading non-essential resources until they are needed.
Lazy loading helps improve page load times by only loading resources when they are required.
It is commonly used for images, videos, and other media files on websites.
Lazy loading can be implemented using libraries like React.lazy() in React.js.
Yes, I have experience in coding optimization to improve performance and efficiency.
Identifying and removing unnecessary code or dependencies
Minifying and compressing code for faster loading times
Using efficient algorithms and data structures
Reducing the number of API calls by batching requests
Implementing lazy loading for resources to improve page load times
Conditional rendering in React allows components to render different elements or components based on certain conditions.
Use ternary operator to conditionally render elements
Use logical && operator for conditional rendering
Use if-else statements inside render method for more complex conditions
I applied via Naukri.com
DOM stands for Document Object Model, it is a programming interface for web documents. It represents the structure of a document as a tree of objects.
DOM is used to interact with HTML and XML documents in a structured way
It allows developers to manipulate the content, structure, and style of a website dynamically
DOM provides methods and properties to access and modify elements on a web page
Example: document.getElementB...
The output will display the document object in the console.
Typing 'document' in the console will return the document object, which represents the current HTML document.
The document object provides access to the content and structure of the webpage, allowing manipulation of elements and properties.
I applied via Referral and was interviewed in Jan 2024. There were 3 interview rounds.
Virtual DOM is a lightweight copy of the actual DOM that React uses to improve performance by minimizing direct manipulation of the actual DOM.
Virtual DOM is a representation of the actual DOM in the form of a lightweight copy.
When changes are made to the virtual DOM, React compares it with the actual DOM to identify the minimal number of changes needed.
This process helps in optimizing performance by reducing direct ma...
Reconciliation in React is the process of updating the DOM to match the virtual DOM.
Reconciliation is the algorithm that React uses to update the UI efficiently.
It compares the virtual DOM with the previous virtual DOM and only updates the necessary components.
Reconciliation helps in improving performance by minimizing DOM manipulations.
Key prop is important for reconciliation to identify which items have changed, adde...
Closures are functions that have access to variables from their outer scope even after the outer function has finished executing.
Closures allow functions to access variables from their parent function's scope
They maintain a reference to the variables they need, even after the parent function has finished executing
Closures are commonly used in event handlers and callbacks
Hoisting is a JavaScript mechanism where variable and function declarations are moved to the top of their containing scope during compilation.
Hoisting applies to both variable and function declarations.
Variable declarations are hoisted to the top of their scope but not their assignments.
Function declarations are fully hoisted, meaning they can be called before they are declared.
ES6 features are modern JavaScript syntax enhancements that make code more concise and readable.
Arrow functions for more concise syntax: const add = (a, b) => a + b;
Let and const for block-scoped variables: let x = 5; const y = 10;
Template literals for string interpolation: const name = 'Alice'; console.log(`Hello, ${name}!`);
Destructuring assignment for easily extracting values from objects or arrays: const { firstNam...
React Fiber is a complete rewrite of React's core algorithm for rendering UI components.
React Fiber is a reimplementation of the React core algorithm.
It allows for incremental rendering, prioritizing updates based on their priority level.
Fiber reconciles the virtual DOM tree in a more efficient and flexible way.
It enables features like error boundaries, async rendering, and more.
Fiber was introduced in React version 16
Implementing dark mode in an application involves changing the color scheme to darker tones for better visibility in low light environments.
Use CSS variables to define color schemes for light and dark modes
Toggle between light and dark mode using a state variable in React
Apply the appropriate color scheme based on the selected mode
Allow users to switch between light and dark mode using a toggle button
I applied via Naukri.com and was interviewed in Mar 2024. There was 1 interview round.
AOT (Ahead-of-Time) and JIT (Just-in-Time) are compilation techniques used in Angular. Angular and React differ in their architecture and data binding approach. Route guards in Angular are used to control access to routes.
AOT compilation in Angular converts TypeScript code into efficient JavaScript code during the build process, resulting in faster rendering and smaller bundle sizes.
JIT compilation in Angular compiles ...
Angular applications are built using the Angular CLI, which provides a command-line interface for creating, building, and serving Angular projects.
Angular applications are built using the Angular CLI (Command Line Interface)
The Angular CLI provides commands for creating new projects, generating components, services, modules, etc.
To build an Angular application, you can use the 'ng build' command which compiles the appl
I applied via Naukri.com and was interviewed in Apr 2024. There were 2 interview rounds.
Recurrsion tree implementation with angular
Basic coding nd programming and moderate level
Given time aptitude must be cleared
2 codings for 1 hour
I applied via Naukri.com and was interviewed in Jan 2024. There were 3 interview rounds.
Array reverse
sorting arrray
Javascript, database concept
Native area details refer to the specific region or location where a particular group of people or species naturally reside or originate from.
Native area details are important for understanding the natural habitat and distribution of a particular group.
Examples include the native area details of certain plant species, animal species, or indigenous human populations.
Studying native area details can help in conservation
Administration Executive
4
salaries
| ₹2 L/yr - ₹3 L/yr |
Ummeed Child Development Center
Sangath
Society for Nutrition Education & Health Action
Arpan