React Basics

1/25 What is used to pass data to a component from outside?
- setState
- render with arguments
- PropTypes
- props
2/25 What will happen if you call setState() inside render() method?
- Repetitive output appears on the screen
- Duplicate key error
- Stack overflow error
- Nothing happens
3/25 How do you write an inline style which specifies the font-size:12px and color:red; in JSX?
- style={{font-size:12,color:'red'}}
- style={{fontSize:'12px',color:'red'}}
- style={fontSize:'12px',color:'red'}
- style={{font-size:12px,color:'red'}}
4/25 What advantages does ReactJS have?
- Increases the application’s performance with Virtual DOM
- JSX makes a code that is easy to read and write
- It renders both on client and server side
- Easy to integrate with other frameworks(Angular, BackboneJS) since it is only a view library
- All of the above
5/25 What is state in React?
- A persistant storage.
- An internal data store (object) of a component.
6/25 What are the two ways that data gets handled in React?
- state & props
- services & components
7/25 What disadvantages does ReactJS have?
- It is only a view layer. You have to plug your code for Ajax requests, events and so on.
- The library is pretty large.
- The learning curve can be slow.
- All of the above options
8/25 The arbitrary inputs of components are called ___.
- Keys
- Props
- Elements
- Ref
9/25 What is the use of the 'useReducer' hook in React?
- To manage state in a component
- To reduce the size of a component
- For state management with a reducer function
- To enhance performance
10/25 How can you access a prop named 'username' in a functional component?
```
const MyComponent = (props) => { ... }
```
- this.props.username
- props.username
- MyComponent.username
- username
11/25 What does 'PureComponent' do in React?
- Manages pure functions
- Prevents re-rendering if props and state have not changed
- Cleans up the component
- Enhances component performance
12/25 How do you create a ref in a class component in React?
- React.createRef()
- React.ref()
- this.ref.create()
- new Ref()
13/25 Which of the following is not a lifecycle method in React?
- componentDidMount
- shouldComponentRender
- componentWillUnmount
- getSnapshotBeforeUpdate
14/25 What is the purpose of React Router?
- To manage global state
- For conditional rendering
- To handle navigation and routing
- To connect to external APIs
15/25 In React, what is the purpose of the 'Context' API?
- To enhance performance
- For managing component lifecycle
- To share data across components without prop drilling
- To handle form inputs
16/25 Which of these is a correct way to handle events in React?
- <button onClick={this.handleClick}>Click me</button>
- <button onClick='handleClick()'>Click me</button>
- <button onClick={handleClick()}>Click me</button>
- <button handle='onClick'>Click me</button>
17/25 How do you conditionally render components in React?
- Using if-else statements inside JSX
- Using the ternary operator inside JSX
- Using for loop inside JSX
- Using switch-case inside JSX
18/25 What does 'React.Fragment' do?
- It groups a list of children without adding extra nodes to the DOM
- It is a method to optimize performance
- It is used to fragment a component into smaller components
- It is a way to render components asynchronously
19/25 In which scenario would you use React's 'useRef' hook?
- To directly interact with a DOM element
- To update the component's state
- To fetch data from an API
- To create a new React component
20/25 Which hook is used to memoize a callback function in React?
- useEffect
- useCallback
- useState
- useMemo
- useRef
21/25 In React, what is a 'higher-order component' (HOC)?
- A component with higher z-index
- A component that returns another component
- A stateful component
- A component that renders HTML elements
22/25 What is the purpose of 'useReducer' in React?
- To handle component lifecycle
- For state management using a reducer function
- To reduce the bundle size of a React app
- To optimize rendering performance
23/25 What is JSX in React?
- A JavaScript-based styling language
- A syntax extension for JavaScript
- A new programming language based on JavaScript
- A framework for building user interfaces
24/25 How do you handle form submissions in React?
- Using an onSubmit event handler
- With a dedicated form management library
- By directly submitting to the server
- React does not support form submissions
25/25 In React, how do you pass data from a parent component to a child component?
- Using context
- Via global variables
- Through props
- By setting state in the child
To get the result of the quiz, please provide your email address (optional)..

It seems you haven't answered any questions yet. Please provide your answers to proceed.

React Basics

1/25 What is used to pass data to a component from outside?

2/25 What will happen if you call setState() inside render() method?

3/25 How do you write an inline style which specifies the font-size:12px and color:red; in JSX?

4/25 What advantages does ReactJS have?

5/25 What is state in React?

6/25 What are the two ways that data gets handled in React?

7/25 What disadvantages does ReactJS have?

8/25 The arbitrary inputs of components are called ___.

9/25 What is the use of the 'useReducer' hook in React?

10/25 How can you access a prop named 'username' in a functional component?

11/25 What does 'PureComponent' do in React?

12/25 How do you create a ref in a class component in React?

13/25 Which of the following is not a lifecycle method in React?

14/25 What is the purpose of React Router?

15/25 In React, what is the purpose of the 'Context' API?

16/25 Which of these is a correct way to handle events in React?

17/25 How do you conditionally render components in React?

18/25 What does 'React.Fragment' do?

19/25 In which scenario would you use React's 'useRef' hook?

20/25 Which hook is used to memoize a callback function in React?

21/25 In React, what is a 'higher-order component' (HOC)?

22/25 What is the purpose of 'useReducer' in React?

23/25 What is JSX in React?

24/25 How do you handle form submissions in React?

25/25 In React, how do you pass data from a parent component to a child component?