Filter interviews by
Context API or Redux can be used as alternative ways for prop drilling in React.
Use Context API to pass data down the component tree without having to manually pass props at every level.
Implement Redux to manage global state and access data from any component without prop drilling.
Consider using React's useContext hook with Context API for a simpler way to consume context in functional components.
I appeared for an interview in Sep 2023.
I applied via Naukri.com and was interviewed in Aug 2021. There were 4 interview rounds.
To make a page responsive, use Bootstrap layouts and alerts.
Use Bootstrap's grid system to create responsive layouts
Use media queries to adjust the layout based on screen size
Use Bootstrap's responsive utility classes to hide/show elements on different devices
Use Bootstrap's responsive navigation components for mobile-friendly menus
Use Bootstrap's responsive images to ensure they scale properly
Use Bootstrap's responsiv...
Redux is a predictable state container for JavaScript apps. It helps manage the state of an application in a more organized way.
Redux is a state management tool commonly used with React to manage the state of an application.
It follows a unidirectional data flow, where the state is stored in a single store.
Actions are dispatched to update the state, and reducers specify how the state should change in response to actions...
Context API is used in React to pass data through the component tree without having to pass props down manually at every level.
Avoids prop drilling by providing a way to share values like themes, user data, etc. across the component tree.
Helps in managing global state in React applications.
Context API consists of Provider and Consumer components to provide and consume the context data.
Can be used for theming, localizat
I applied via LinkedIn and was interviewed in Jun 2021. There was 1 interview round.
Hoisting is a JavaScript mechanism where variables and function declarations are moved to the top of their scope.
Variables declared with var are hoisted to the top of their scope
Function declarations are hoisted before variables
Function expressions are not hoisted
Hoisting can lead to unexpected behavior and bugs
useEffect is a hook in React that allows you to perform side effects in functional components.
It replaces componentDidMount, componentDidUpdate, and componentWillUnmount.
It takes two arguments: a function that performs the side effect and an array of dependencies.
The function is called after every render, unless the dependencies haven't changed.
Common use cases include fetching data, setting up event listeners, and upd...
Function currying is a technique of transforming a function that takes multiple arguments into a sequence of functions that each take a single argument.
Currying allows partial application of a function.
It helps in creating reusable functions.
Curried functions are composable and can be easily combined to create new functions.
Currying can be achieved using closures or by using libraries like Lodash or Ramda.
Example: cons
Closures are functions that have access to variables in their outer scope, even after the outer function has returned.
Closures are created when a function is defined inside another function.
The inner function has access to the outer function's variables and parameters.
Closures can be used to create private variables and methods.
Closures can also be used to create functions with pre-set arguments.
I applied via Naukri.com and was interviewed in Apr 2022. There was 1 interview round.
I applied via LinkedIn and was interviewed in Oct 2024. There was 1 interview round.
React offers advantages such as virtual DOM for improved performance, reusable components, and easy integration with other libraries.
Virtual DOM for efficient updates and improved performance
Reusable components for easier development and maintenance
Easy integration with other libraries like Redux for state management
Support for server-side rendering for better SEO performance
Performance optimization in React Js can be achieved through code splitting, memoization, virtualization, and minimizing re-renders.
Implement code splitting to load only necessary components when needed
Use memoization techniques like useMemo and useCallback to prevent unnecessary re-renders
Implement virtualization for long lists or tables to render only visible items
Minimize re-renders by using shouldComponentUpdate or
useMemo and useCallback are hooks in React used for optimizing performance by memoizing values and functions respectively.
useMemo is used to memoize the result of a function so that it is only recomputed when its dependencies change.
useCallback is used to memoize a function instance so that it is not recreated on every render unless its dependencies change.
Both hooks help in optimizing performance by preventing unneces...
React 16 introduced new features like React Fiber, Error Boundaries, Portals, and improved server-side rendering.
React Fiber is a new reconciliation engine that improves performance and enables incremental rendering.
Error Boundaries allow developers to catch and handle errors in components.
Portals provide a way to render children into a different DOM subtree.
Improved server-side rendering with support for streaming and...
React hooks simplify state management and lifecycle methods in functional components.
Hooks allow functional components to have state and lifecycle methods
They reduce the need for class components and HOCs
Hooks make code more readable and easier to test
Examples of hooks include useState, useEffect, and useContext
HOC components are higher-order components in React that allow code reuse and logic sharing.
HOC components are functions that take a component and return a new component with additional functionality.
They are used to abstract common logic and behaviors into reusable components.
HOC components can be used for tasks like authentication, logging, and code reuse.
Example: a withAuth HOC component that adds authentication log
based on 1 interview
Interview experience
based on 1 review
Rating in categories
Full Stack Developer
3
salaries
| ₹3 L/yr - ₹3.5 L/yr |
Reactjs Developer
3
salaries
| ₹2.4 L/yr - ₹3.5 L/yr |
Infosys
TCS
Wipro
HCLTech