Q1. What is JSX?
_JSX_ stands for _JavaScript XML_ and it is an XML-like syntax extension to ECMAScript. Basically it just provides the syntactic sugar for the `React.createElement(type, ...
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 (71 available).
Active:
Tag: jsx ×
Q2. What are inline conditional expressions?
You can use either _if statements_ or _ternary expressions_ which are available in JS(and JSX in React) to conditionally execute or render expressions. Apart from these a...
Q3. What is "key" prop and what is the benefit of using it in arrays of elements?
A `key` is a special attribute you **should** include when mapping over arrays to render data. _Key_ prop helps React identify which items have changed, are added, or are...
Q4. How Virtual DOM works?
The _Virtual DOM_ works in five simple steps. **1. Initial Render** When a UI component renders for the first time, it returns JSX. React uses this structure to create a ...
Q5. What is the difference between createElement and cloneElement?
Both `React.createElement` and `React.cloneElement` are used to work with React elements, but they serve different purposes. #### **createElement:** Creates a new React e...
Q6. What is children prop?
The `children` prop is a special prop in React used to pass elements between the opening and closing tags of a component. It is commonly used in layout and wrapper compon...
Q7. How to write comments in React?
The comments in React/JSX are similar to JavaScript Multiline comments but are wrapped in curly braces. **Single-line comments:** ```jsx harmony {/* Single-line comments(...
Q8. What are the advantages of React?
Below are the list of main advantages of React, 1. Increases the application's performance with _Virtual DOM_. 2. JSX makes code easy to read and write. 3. It renders bot...
Q9. How to use styles in React?
The `style` attribute accepts a JavaScript object with camelCased properties rather than a CSS string. This is consistent with the DOM style JavaScript property, is more ...
Q10. How events are different in React?
Handling events in React elements has some syntactic differences: 1. React event handlers are named using camelCase, rather than lowercase. 2. With JSX you pass a functio...