Q31. How to loop inside JSX?
You can simply use `Array.prototype.map` with ES6 _arrow function_ syntax. For example, the `items` array of objects is mapped into an array of components: ```jsx harmony...
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 (138 available).
Active:
Tag: components ×
Q32. What are single file components?
Single File Components are an easy concept to understand. Earlier you might heard about all three parts(HTML, JavaScript and CSS) of your application kept in different co...
Q33. Is Single File Components violating separation of concerns?
As for the latest modern UI development, separation of concerns is not equal to separation of file types. So it is preferred to divide codebase layers into loosely-couple...
Q34. What is the difference between React and ReactDOM?
The `react` package contains `React.createElement()`, `React.Component`, `React.Children`, and other helpers related to elements and component classes. You can think of t...
Q35. What are the problems solved by Single File Components?
The Single File Components solve the common problems occurred in a javascript driven application with a .vue extension. The list of issues are, 1. Global definitions forc...
Q36. 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...
Q37. What is the benefit of styles modules?
It is recommended to avoid hard coding style values in components. Any values that are likely to be used across different UI components should be extracted into their own...
Q38. What are the `<Router>` components of React Router v6?
React Router v6 provides below 4 `` components: 1. ``:Uses the HTML5 history API for standard web apps. 2. ``:Uses hash-based routing for static servers. 3. ``:Uses in-me...
Q39. How do you programmatically navigate using React Router v4?
There are three different ways to achieve programmatic routing/navigation within components. 1. **Using the `withRouter()` higher-order function:** The `withRouter()` hig...
Q40. How can you write duplicate virtual nodes in a component?
All virtual nodes(VNodes) in the component tree must be unique.i.e, You can't write duplicated nodes in a straightforward way. If you want to duplicate the same element/c...