react questions

Prop drilling
Component, context, state

Comments

Post a Comment

Popular posts from this blog

ReactJS: How and when to force a React component to re-render

Image
What is force re-rendering? Force re-rendering in React is like pressing the refresh button on a webpage, even when the page seems just fine. In React, it means telling a component to update and redraw itself, even if nothing has really changed in the data (stat/props) it uses. Although React is usually good at knowing when it is time to update a component, there are moments when you want to take the reins and tell it to refresh a certain part of the codebase. In this article, we will explore this in more detail. Understanding React’s rendering behavior Let’s take a closer look at how React’s rendering process works by default. To understand when and why you might need to nudge React into re-rendering, you need to get familiar with its underlying architecture. At the heart of  React’s rendering  magic lies the Virtual DOM. Imagine it as a clone of the actual DOM, the structure of your webpage. React uses this Virtual DOM to figure out what needs to be updated when your data ch...
Read more

reactjs question aprt 3

  I hope this helps: https://github.com/sudheerj/reactjs-interview-questions https://github.com/yangshun/tech-interview-handbook https://github.com/jwasham/coding-interview-university/tree/main https://github.com/DopplerHQ/awesome-interview-questions#reactjs https://github.com/enaqx/awesome-react Thanks everyone!! The interview went awesome. They asked some scenario questions rather than how to code this or that. Some questions they asked were: state management, what you use and why CSS framework and could you make it responsive and how How react interact with DOM Any library used for forms?? And why Any library related to tables - I said react-table and why I used it Git rebase why typescript some scenario questions ⁉️ APIs and what you use for it  ------------------------------------------------------ A question I haven't really seen raised, which I both ask and have seen being asked before: what problem does async/await syntax solve and what other kinds of approaches to asy...
Read more

Q: Error Boundary in React that catches an error and displays a fallback UI

ErrorBoundary Component : This catches errors in its child components and displays a fallback UI ( Something went wrong. ). MyComponent : This component intentionally throws an error to demonstrate how the error boundary works. App Component : Wraps  MyComponent  with  ErrorBoundary  to catch and handle errors  When you run this code, you'll see "Something went wrong." displayed on the screen because MyComponent throws an error, which is caught by the ErrorBoundary .  CREATING SAMPLE: Let's create a simple example of an error boundary in React that catches an error and displays a fallback UI when an error occurs in a component. 1.ErrorBoundary Component import React , { Component } from " react " ; class ErrorBoundary extends Component {   constructor ( props ) {     super ( props ) ;     this . state = { hasError : false } ;   }   static getDerivedStateFromError ( error ) {     ...
Read more