Online Quiz Attempt – Play & Test Your Knowledge

Question 1

1 / 10

Which hook is used to perform side effects in functional components, such as data fetching or DOM manipulation?

A

useReducer

B

useState

C

useEffect

D

useContext

Question 2

2 / 10

What is the primary purpose of using keys in React lists?

A

To style the list items

B

To uniquely identify list items and improve performance

C

To define the order of list items

D

To prevent memory leaks

Question 3

3 / 10

What is the purpose of the 'Context API' in React?

A

To manage local component state

B

To handle routing within the application

C

To share state between components without explicitly passing props through every level of the tree

D

To define the application's theme

Question 4

4 / 10

Which lifecycle method is invoked immediately after a component is updated in React class components?

A

componentWillUpdate

B

componentDidUpdate

C

componentWillReceiveProps

D

shouldComponentUpdate

Question 5

5 / 10

What is the difference between controlled and uncontrolled components in React forms?

A

Controlled components are faster than uncontrolled components

B

Controlled components have their state managed by the DOM, while uncontrolled components' state is managed by React

C

Controlled components have their state managed by React, while uncontrolled components' state is managed by the DOM

D

There is no difference between controlled and uncontrolled components

Question 6

6 / 10

Which tool is commonly used for bundling React applications?

A

Babel

B

Webpack

C

ESLint

D

Jest

Question 7

7 / 10

What does JSX stand for?

A

JavaScript XML

B

JavaScript Extension

C

JSON XML

D

JavaScript Extended

Question 8

8 / 10

Which hook should you use for managing complex state logic, especially when the next state depends on the previous state?

A

useState

B

useEffect

C

useContext

D

useReducer

Question 9

9 / 10

What is prop drilling and what is a common solution to avoid it?

A

Prop drilling is a type of component styling; use CSS-in-JS.

B

Prop drilling is passing props down several levels of the component tree; use Context API or state management libraries.

C

Prop drilling is a performance issue; use memoization.

D

Prop drilling is a debugging technique; use React DevTools.

Question 10

10 / 10

What is the purpose of React Fragments?

A

To create reusable UI components

B

To group a list of children without adding extra nodes to the DOM

C

To optimize rendering performance

D

To define routing for the application

Quizzes on React Fundamentals