Does React support all HTML attributes?

  • Yes, React supports all HTML attributes
  • No, React only supports a subset of HTML attributes
React supports a subset of HTML attributes, as not all attributes are applicable or relevant to React components. Some HTML attributes, such as "class" and "for", are reserved words in JavaScript and cannot be used directly in JSX. Instead, React uses the "className" and "htmlFor" attributes, respectively. Additionally, some HTML attributes may have different names or syntax in React, such as "tabindex" being spelled "tabIndex" in React.

What is the purpose of the constants in Redux?

  • To make the code easier to read and understand
  • To prevent changes to the action types
  • To enable minification and other performance optimizations
Constants in Redux are used to define action types, which are used to identify the type of action being dispatched to the Redux store. By using constants, you can prevent unintended changes to the action types and make it easier to understand the purpose of each action.

How to import and export components using react and ES6?

  • Use the "export" keyword to export components
  • Use the "import" keyword to import components
  • Use the "module.exports" object to export components
  • Use the "require" keyword to import components
In React and ES6, you can import and export components using the "import" and "export" keywords. To import a component, you can use the "import" keyword followed by the component name and file path. To export a component, you can use the "export" keyword before the component declaration. For example: import React from 'react'; export class MyComponent extends React.Component { ... }.

Why is isMounted() an anti-pattern and what is the proper solution?

  • It can lead to race conditions and bugs
  • It causes performance issues
  • It is not needed in modern versions of React
  • It is not supported in React v16
The "isMounted" method in React is considered an anti-pattern because it can lead to race conditions and bugs. This method checks if the component is mounted to the DOM, but it can return a false positive if it is called during the unmounting phase. The proper solution is to use the "componentDidMount" and "componentWillUnmount" lifecycle methods to manage component state and cleanup.

Why should component names start with capital letter?

  • It ensures proper scoping of the component
  • It improves the performance of the component
  • It is a convention that makes the code easier to read
  • It is a requirement of the React compiler
In React, component names should start with a capital letter in order to distinguish them from regular HTML tags and make the code easier to read. This is a convention that is widely used in the React community and helps developers understand the purpose and scope of different parts of the code.

How to set state with a dynamic key name?

  • By using the setState() method with a variable key name
  • By using the this.context object with a variable key name
  • By using the this.props object with a variable key name
  • By using the this.state object with a variable key name
To set state with a dynamic key name, you can use the setState() method with a variable key name. This allows you to create new state keys based on user input or other dynamic data.

Why do you not require to use inheritance?

  • React components use composition
  • Inheritance is not supported in React
  • React components use mixins instead
  • Inheritance is deprecated in React
React components use composition rather than inheritance to build complex UI components. Composition allows components to be composed of multiple smaller components, each with their own logic and behavior. This makes components more reusable and easier to manage than inheritance-based approaches.

What is the purpose of render method of react-dom?

  • To render a React component to a canvas
  • To render a React component to a file
  • To render a React component to the client
  • To render a React component to the server
The render method of the react-dom package is used to render a React component to the client-side DOM. The render method takes two arguments: the component to render and the DOM element to render it to.

Give a simple example of Jest test case

  • testing a Redux reducer
  • testing an API call
  • testing a component's render method
A simple example of a Jest test case would be testing a component's render method. For example, you could test that a component renders a specific HTML element or that it correctly sets a state variable.

How JSX prevents Injection Attacks?

  • By using string concatenation
  • By using a virtual DOM
  • By escaping special characters
  • By using JavaScript eval() function
JSX prevents injection attacks by escaping special characters. When JSX is compiled, special characters are automatically escaped, preventing them from being interpreted as code. This helps to prevent XSS (cross-site scripting) attacks.