Filter interviews by
I applied via Referral and was interviewed in Nov 2024. There were 3 interview rounds.
Let, var, and const are used to declare variables in JavaScript, with differences in scope and mutability.
let: block-scoped, can be reassigned
var: function-scoped, can be reassigned
const: block-scoped, cannot be reassigned
Closure is the combination of a function bundled together with references to its surrounding state.
Closure allows a function to access variables from its outer scope even after the outer function has finished executing.
It is created whenever a function is defined within another function, and the inner function has access to the outer function's variables.
Closure helps in maintaining the state of a function and allows f
let, var, and const are used to declare variables in JavaScript with different scoping rules.
let: block-scoped variable, can be reassigned
var: function-scoped variable, can be reassigned
const: block-scoped variable, cannot be reassigned, but its properties can be modified
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 an outer function even after the outer function has finished executing.
Closures are commonly used in event handlers, callbacks, and in functional programming.
Example: function outerFunction() { let outerVar = 'I am outer'; return function innerFunction() { console.log
I applied via Indeed and was interviewed in Nov 2024. There was 1 interview round.
Shoping card api integration
I applied via LinkedIn and was interviewed before Dec 2023. There were 3 interview rounds.
First round is coding test.
React JS is a JavaScript library for building user interfaces.
React JS is a declarative, efficient, and flexible JavaScript library for building user interfaces.
It allows developers to create reusable UI components.
React uses a virtual DOM for better performance by updating only the necessary parts of the actual DOM.
React follows a unidirectional data flow, making it easier to understand and debug.
React can be used to ...
Node.js is a JavaScript runtime built on Chrome's V8 JavaScript engine that allows developers to run JavaScript code outside of a web browser.
Node.js is used for building server-side applications.
It allows developers to use JavaScript for both client-side and server-side development.
Node.js has a large ecosystem of open-source libraries and frameworks, such as Express.js.
Node.js uses an event-driven, non-blocking I/O m...
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...
I applied via Naukri.com and was interviewed in Aug 2024. There were 2 interview rounds.
Online Hackathon test was taken.
I am a passionate React Js Frontend Developer with experience in building user-friendly and responsive web applications.
Experienced in developing web applications using React Js
Proficient in HTML, CSS, and JavaScript
Familiar with state management libraries like Redux
Strong understanding of responsive design principles
Ability to work collaboratively in a team environment
I am responsible for developing and maintaining the frontend of the project using React Js.
Developing user-friendly interfaces using React Js
Implementing responsive design and ensuring cross-browser compatibility
Collaborating with backend developers to integrate frontend with backend services
Optimizing application performance and troubleshooting issues
Participating in code reviews and providing feedback to team members
SSR in React is implemented using server-side rendering to pre-render React components on the server before sending them to the client.
Use libraries like Next.js or Gatsby to implement SSR in React.
Configure server to render React components on the server side.
Optimize server-side rendering for performance by caching rendered components.
To change a React project from development mode to production mode, you need to build the project using the 'npm run build' command.
Run 'npm run build' command in the terminal to create a production build of the project.
This command will generate a 'build' folder with optimized and minified files for production.
You can then deploy the contents of the 'build' folder to a web server for production use.
Lazy loading is a technique used to defer loading non-essential resources until they are needed.
Lazy loading helps improve performance by only loading resources when they are required.
In React, lazy loading can be implemented using React.lazy() and Suspense components.
Example: const MyComponent = React.lazy(() => import('./MyComponent'));
Example:
React routing is a way to handle navigation in a React application by defining routes and rendering components based on the URL.
React routing allows for declarative routing, where routes are defined using JSX elements.
It enables dynamic routing based on the URL, allowing for different components to be rendered based on the route.
React Router is a popular library for handling routing in React applications.
Unlike convent...
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 Company Website and was interviewed in Dec 2024. There were 2 interview rounds.
Html, CSS, bootstrap, JavaScript, react.js
I applied via Naukri.com and was interviewed in Jul 2024. There were 2 interview rounds.
Find the max values, promises, async await
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 Approached by Company
Interview experience
based on 2 reviews
Rating in categories
Senior Software Engineer
5
salaries
| ₹7 L/yr - ₹10.5 L/yr |
TCS
Infosys
Wipro
HCLTech