Q71. How to pretty print JSON with React?
We can use `` tag so that the formatting of the `JSON.stringify()` is retained: ```jsx harmony const data = { name: "John", age: 42 }; function User { return {JSON.string...
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 ×
Q72. Why can't you update props in React?
The React philosophy is that props should be _immutable_(read only) and _top-down_. This means that a parent can send any prop values to a child, but the child can't modi...
Q73. How to focus an input element on page load?
You need to use `useEffect` hook to set focus on input field during page load time for functional component. ```jsx harmony import React, { useEffect, useRef } from "reac...
Q74. How can we find the version of React at runtime in the browser?
You can use `React.version` to get the version. ```jsx harmony const REACT_VERSION = React.version; ReactDOM.render( {`React version: ${REACT_VERSION}`}, document.getElem...
Q75. How to add Google Analytics for React Router?
Add a listener on the `history` object to record each page view: ```javascript history.listen(function (location) { window.ga("set", "page", location.pathname + location....
Q76. How do you apply vendor prefixes to inline styles in React?
React _does not_ apply _vendor prefixes_ automatically. You need to add vendor prefixes manually. ```jsx harmony ```
Q77. How to import and export components using React and ES6?
You should use default for exporting the components ```jsx harmony import User from "user"; export default function MyProfile { return //...; } ``` See Class ```jsx harmo...
Q78. What are the exceptions on React component naming?
The component names should start with an uppercase letter but there are few exceptions to this convention. The lowercase tag names with a dot (property accessors) are sti...
Q79. Is it possible to use async/await in plain React?
Yes, you can use `async/await` in plain React, as long as your JavaScript environment supports ES2017+. Nowadays most modern browsers and build tools support ES2017+ vers...
Q80. What are the common folder structures for React?
There are two common practices for React project file structure. 1. **Grouping by features or routes:** One common way to structure projects is locate CSS, JS, and tests ...