Q361. What are loaders, actions, and data APIs in modern React Router?
Starting with React Router v6.4, the library ships **data APIs** (`createBrowserRouter`, `loader`, `action`, `useLoaderData`, `useActionData`, `useFetcher`) that move dat...
Technical Question Bank · Peer-Reviewed
Job Interview Questions and Answers Directory
Search and filter frequently asked interview questions across technical, programming, and behavioral domains. Tailor your interview preparation by difficulty for freshers or experienced developers (454 available).
Active:
Tag: react ×
Q362. How do query parameters work?
Query (search) parameters are the `?key=value&key2=value2` portion of a URL. Unlike route params (see [What are dynamic routes and what are route parameters?](#what-are-d...
Q363. What is Concurrent Rendering? (Legacy)
The Concurrent rendering makes React apps to be more responsive by rendering component trees without blocking the main UI thread. It allows React to interrupt a long-runn...
Q364. Why should we not update the state directly?
If you try to update the state directly then it won't re-render the component. ```javascript //Wrong this.state.message = "Hello world"; ``` Instead use `setState()` meth...
Q365. What is the purpose of callback function as an argument of `setState()`?
The callback function provided as the second argument to `setState` is executed after the state has been updated and the component has re-rendered. Because `setState()` i...
Q366. How to bind methods or event handlers in JSX callbacks?
There are 3 possible ways to achieve this in class components: 1. **Binding in Constructor:** In JavaScript classes, the methods are not bound by default. The same rule a...
Q367. How to pass a parameter to an event handler or callback?
You can use an _arrow function_ to wrap around an _event handler_ and pass parameters: ```jsx harmony this.handleClick(id)} /> ``` This is an equivalent to calling `.bind...
Q368. What is the use of refs?
The _ref_ is used to return a reference to the element. They _should be avoided_ in most cases, however, they can be useful when you need a direct access to the DOM eleme...
Q369. How to create refs?
There are two approaches 1. This is a recently added approach. _Refs_ are created using `React.createRef()` method and attached to React elements via the `ref` attribute....
Q370. What are forward refs?
_Ref forwarding_ is a feature that lets some components take a _ref_ they receive, and pass it further down to a child. ```jsx harmony const ButtonElement = React.forward...