wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

React Quiz

Total questions: 21

Worksheet time: 11mins

Name
Class
Date
1.

Which of the following is not a disadvantage of React.js?

a)

React.js has only a view layer. We have put your code for Ajax requests, events and so on

b)

The library of React.js is pretty large

c)
  1. The JSX in React.js makes code easy to read and write.

d)
  1. The learning curve can be steep in React.js.

2.

What is the main advantage of using React.js?

a)

React.js has only a view layer. We have put your code for Ajax requests, events and so on

b)

The library of React.js is pretty large

c)

  1. The JSX in React.js makes code easy to read and write.

d)

  1. React.js allows for easy component reusability and modularity.

3.

Which feature of React.js helps in improving code readability?

a)

React.js has only a view layer. We have put your code for Ajax requests, events and so on

b)

The library of React.js is pretty large

c)

  1. The JSX in React.js makes code easy to read and write.

d)

  1. React.js allows for easy component reusability and modularity.

4.

What is a potential challenge when learning React.js?

a)

React.js has only a view layer. We have put your code for Ajax requests, events and so on

b)

The library of React.js is pretty large

c)

  1. The JSX in React.js makes code easy to read and write.

d)

  1. The learning curve can be steep in React.js.

5.

Does React.js create a VIRTUAL DOM in the memory?

a)
  1. TRUE

b)

FALSE

c)
  1. Can be true or false

d)
  1. Cannot say

6.

What is the purpose of JSX in React.js?

a)

To make code more difficult to read and write

b)

To handle Ajax requests and events

c)

To improve code readability and maintainability

d)

To increase the library size

7.

Which statement best describes the learning curve of React.js?

a)

It is very easy to learn with minimal effort

b)

It has a steep learning curve initially

c)

There is no learning curve at all

d)

It is impossible to learn React.js

8.

How does React.js facilitate component reusability?

a)

By making components difficult to reuse

b)

By limiting the number of components that can be created

c)

By allowing easy creation and reuse of components

d)

By removing the concept of components altogether

9.

What are the two ways to handle data in React?

a)
  1. State & Props

b)
  1. Services & Components

c)
  1. State & Services

d)
  1. State & Component


10.

What is the significance of the virtual DOM in React.js?

a)

It helps in improving code readability

b)

It speeds up the rendering process

c)

It increases the library size

d)

It has no impact on React.js

11.

How does React.js handle data flow between components?

a)

By using only state for data management

b)

By passing data through props

c)

By directly modifying the DOM elements

d)

By creating a separate data layer

12.

What role does the 'key' attribute play in React.js?

a)

It is used to uniquely identify components in lists

b)

It determines the color scheme of the UI

c)

It controls the state of the components

d)

It is not a valid attribute in React.js

13.

Which of the following is used to pass data to a component from outside in React?

a)

props

b)

render with arguments

c)

setState

d)

PropTypes

14.

What describes the ReactJS?

a)

Server Side Framework

b)

Client Side Framework

c)

Both A & B

d)


None of these

15.

ReactJS written in which language?

a)

PHP

b)

JAVASCRIPT

c)

JAVA

d)

NONE OF THIS

16.

What is the purpose of React state?

a)

To store static data

b)

To store styles

c)

To store dynamic data

d)

o store function

17.

What is the use of React hooks?

a)

To manage state and side effects in functional components

b)


To manage styles in functional components

c)

To manage state and side effects in class components

d)

To manage styles in class components

18.

What is the purpose of useEffect hook in React?

a)


To add event listeners

b)


To perform side effects

c)

To render components

d)


To manage state

19.

What is the purpose of useState hook in React?

a)

To manage state in functional components

b)


To manage side effects in functional components

c)


To manage state in class components

d)

To manage side effects in class components

20.

What is the purpose of Higher Order Components (HOCs) in React?

a)

To share data between components

b)

To reuse component logic

c)


To manage component styles

d)

To manage component events

21.

What is the difference between state and props in React?

a)

Props are mutable, state is immutable

b)


Both state and props are mutable

c)


Both state and props are immutable

d)

State is mutable, props are immutable