Filter interviews by
I applied via LinkedIn and was interviewed in Aug 2024. There were 2 interview rounds.
Resume shortlist candidate for next round technical round.
React virtual DOM is a lightweight copy of the actual DOM, used for efficient updates and rendering in React applications.
Virtual DOM is a concept where a lightweight copy of the actual DOM is created and updated by React.
React compares the virtual DOM with the actual DOM and only updates the necessary parts for better performance.
This helps in minimizing the number of DOM manipulations and improves the overall perform
ES6 features are new additions to JavaScript introduced in ECMAScript 2015.
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 easier string interpolation: const name = 'John'; console.log(`Hello, ${name}!`);
Classes for object-oriented programming: class Person { constructor(name) { this.name = name; } }
Destructurin...
var is function scoped, let is block scoped, const is block scoped and cannot be reassigned.
var is function scoped
let is block scoped
const is block scoped and cannot be reassigned
Spread operator is used to split up array elements or object properties, while rest operator is used to merge multiple elements into an array.
Spread operator is denoted by three dots (...) and is used to spread array elements or object properties.
Rest operator is also denoted by three dots (...) and is used to collect multiple elements into a single array.
Spread operator can be used to concatenate arrays or objects, wh...
Hooks in ReactJS 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 can be created to reuse logic across mult
A high order function is a function that takes one or more functions as arguments or returns a function as its result.
High order functions can be used to create more flexible and reusable code.
They can be used to abstract and encapsulate common patterns in code.
Examples include map, filter, and reduce functions in JavaScript.
Hoisting is a JavaScript mechanism where variable and function declarations are moved to the top of their containing scope.
Variable declarations are hoisted to the top of their scope but not their initializations.
Function declarations are fully hoisted, including their definitions.
Hoisting can lead to unexpected behavior if not understood properly.
display none removes element from layout, visibility hidden hides element but still takes up space
display none removes element from layout flow
visibility hidden hides element but still takes up space
display none is more efficient for hiding elements
visibility hidden is better for hiding elements while keeping layout intact
Top trending discussions
posted on 10 Dec 2024
I applied via Approached by Company and was interviewed in Nov 2024. There were 2 interview rounds.
Virtual DOM is a lightweight copy of the actual DOM, React key features include component-based architecture, declarative syntax, and virtual DOM, React Hooks are functions that let you use state and other React features without writing a class.
Virtual DOM is a lightweight copy of the actual DOM that React uses to improve performance by updating only the necessary parts of the DOM.
Key features of React include componen...
posted on 14 Sep 2024
I applied via Naukri.com and was interviewed in Aug 2024. There was 1 interview round.
A closure is a function that has access to its own scope, as well as the scope in which it was defined.
A closure allows a function to access variables from its outer function even after the outer function has finished executing.
Closures are created whenever a function is defined within another function.
Example: function outerFunction() { let outerVar = 'I am outer'; return function innerFunction() { console.log(outerVa
Async/await is a feature in JavaScript that allows for asynchronous code to be written in a synchronous manner.
Async/await is built on top of promises and provides a more readable and concise way to work with asynchronous code.
The 'async' keyword is used to define a function as asynchronous, allowing it to use the 'await' keyword inside it.
When 'await' is used, it pauses the execution of the function until the promise ...
Use Set to remove duplicates from array of strings.
Create a Set from the array to automatically remove duplicates
Convert the Set back to an array if needed
Example: const arr = ['apple', 'banana', 'apple', 'orange']; const uniqueArr = [...new Set(arr)];
React DOM updates by comparing the virtual DOM with the actual DOM and only updating the necessary components.
React creates a virtual DOM to represent the UI components.
When a state or prop changes, React re-renders the virtual DOM.
React then compares the virtual DOM with the actual DOM to identify the differences.
Only the necessary components are updated in the actual DOM, minimizing performance impact.
React Hooks are functions that let you use state and other React features without writing a class.
React Hooks were introduced in React 16.8.
They allow you to use state and other React features in functional components.
Some commonly used hooks are useState, useEffect, useContext, and useRef.
Hooks make it easier to reuse logic across components.
Hooks can be used to manage component state, perform side effects, and more.
Call, bind, and apply are methods used to manipulate the value of 'this' in JavaScript functions.
Call - invokes a function with a specified 'this' value and arguments provided individually.
Bind - creates a new function that, when called, has its 'this' keyword set to the provided value.
Apply - invokes a function with a specified 'this' value and arguments provided as an array.
Redux Toolkit is a set of tools and best practices to simplify Redux development, while Redux is a predictable state container for JavaScript apps.
Redux Toolkit provides a set of tools like createSlice, createAsyncThunk, and configureStore to simplify Redux setup and reduce boilerplate code.
Redux Toolkit includes immer library for writing immutable update logic in a more convenient way.
Redux Toolkit also includes a def...
Writing a RTL test to check a button in React
Use the render and fireEvent functions from @testing-library/react
Find the button element using getByRole('button')
Simulate a click event using fireEvent.click
Assert that the button is visible and clickable
Inline and block level elements in HTML/CSS
Inline elements flow in the document in a line, without starting a new line. Examples include , , .
Block level elements start on a new line and take up the full width available. Examples include
,
Microtasks in JavaScript are tasks that are executed asynchronously and have higher priority than regular tasks.
Microtasks are scheduled to run after the current script has finished but before the browser has a chance to render.
They are often used with promises, as promise callbacks are executed as microtasks.
Microtasks are executed in the same event loop iteration as regular tasks, but before the next rendering.
Exampl...
Custom hooks are reusable functions that allow you to extract component logic into separate functions.
Custom hooks are prefixed with 'use' and can call other hooks if needed.
They can be used to share logic between components without duplicating code.
Custom hooks can be created for any kind of logic, such as fetching data, managing state, or handling side effects.
Redux is a predictable state container for JavaScript apps. It helps manage the state of an application in a centralized store.
Create a Redux store to hold the state of the application
Define actions to describe state changes
Write reducers to specify how the state changes in response to actions
Dispatch actions to update the state in the store
Connect components to the Redux store using the connect function from react-red
Redux is a predictable state container for JavaScript apps.
Actions are dispatched to the store
Reducers specify how the state changes in response to actions
Store holds the state of the application
Components can subscribe to the store to access state
I applied via Naukri.com and was interviewed in Oct 2024. There were 2 interview rounds.
Position absolute removes element from normal flow, relative keeps element in flow but can be positioned.
Position absolute removes element from normal flow, allowing it to be positioned relative to its closest positioned ancestor.
Position relative keeps element in normal flow but allows it to be positioned relative to its normal position.
Position absolute elements are not affected by other elements and can overlap, whi...
I applied via Company Website and was interviewed in Dec 2024. There were 2 interview rounds.
Html, CSS, bootstrap, JavaScript, react.js
I was interviewed in Dec 2024.
Ages, odd numbers, number series, work and time, calendars.
Youth in politics and artificial intelligence.
Time queue in API refers to managing requests in a sequential order.
Time queue ensures that API requests are processed in the order they are received.
It helps in preventing overload on the server by limiting the number of concurrent requests.
Examples include using promises or async/await in JavaScript to handle API calls sequentially.
I applied via Naukri.com and was interviewed in Jul 2024. There was 1 interview round.
React js Assessments
We have sit in all the members and will discuss some topics
based on 1 interview
Interview experience
Software Engineer
4
salaries
| ₹8.5 L/yr - ₹10 L/yr |
Software Developer
4
salaries
| ₹11.5 L/yr - ₹18 L/yr |
Practo
Portea Medical
PharmEasy
Netmeds.com