i
Metafic
Filter interviews by
Clear (1)
I applied via Company Website and was interviewed in Dec 2022. There were 3 interview rounds.
Virtual DOM is a lightweight copy of the actual DOM used for efficient rendering in React.
Virtual DOM is a JavaScript object that represents the actual DOM.
It allows React to update only the necessary parts of the UI, improving performance.
Changes made to the virtual DOM are compared with the previous version to determine what needs to be updated.
React then updates the actual DOM with the minimum required changes.
Virtu...
Explanation of React hooks and lifecycle methods
useMemo is used to memoize expensive computations and avoid unnecessary re-renders
useCallback is used to memoize functions and avoid unnecessary re-renders of child components
useEffect is used to perform side effects such as fetching data or updating the DOM
Lifecycle methods in class components are used to manage component state and perform side effects
ComponentDidMount i...
Code for functional component to call API and show list from response
Use useEffect hook to call API on component mount
Use useState hook to store API response
Map through response data to display list
Handle loading and error states
Code for integrating pagination on scrolling in Reactjs API
Use Intersection Observer API to detect when the user has scrolled to the bottom of the page
Fetch the next set of data from the server using an API call
Update the state with the new data and render it on the page
I applied via LinkedIn and was interviewed in Sep 2022. There were 3 interview rounds.
Logic test and js based coding questions for 45-60 mins
I would approach the issue by identifying the root cause and collaborating with the team to find a solution.
Identify the root cause of the issue
Collaborate with the team to find a solution
Communicate effectively with all parties involved
Take ownership of the issue and work towards a resolution
Document the issue and the steps taken to resolve it
Top trending discussions
I applied via Recruitment Consulltant and was interviewed in May 2024. There were 2 interview rounds.
MCQ based Questions were asked
Yes, I follow CI/CD process to automate testing and deployment.
I use tools like Jenkins, GitLab CI, or CircleCI to automate the build, test, and deployment process.
I write unit tests and integration tests to ensure code quality before deployment.
I regularly push code changes to version control and trigger automated builds and tests.
I use continuous integration to merge code changes frequently and detect issues early in
CI/CD process is a software development practice that involves continuous integration, continuous delivery, and continuous deployment.
Continuous Integration (CI) involves automatically building and testing code changes frequently.
Continuous Delivery (CD) ensures that code changes are always in a deployable state.
Continuous Deployment (CD) automatically deploys code changes to production environments.
CI/CD helps in redu...
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
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...
I applied via Company Website and was interviewed in Jun 2024. There were 2 interview rounds.
Got a link on mail to give online clearance test. 25 questions on react, Js and html-css
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.
Some of the top questions asked at the Metafic Reactjs Developer interview -
based on 2 interviews
Interview experience
based on 1 review
Rating in categories
UI/UX Designer
56
salaries
| ₹0 L/yr - ₹0 L/yr |
Software Engineer
31
salaries
| ₹0 L/yr - ₹0 L/yr |
Software Developer
11
salaries
| ₹0 L/yr - ₹0 L/yr |
Front end Developer
7
salaries
| ₹0 L/yr - ₹0 L/yr |
Senior Software Engineer
5
salaries
| ₹0 L/yr - ₹0 L/yr |
TCS
Infosys
Wipro
HCLTech