wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

react-additional-class

Total questions: 26

Worksheet time: 13mins

Name
Class
Date
1.

Siapa yang mengembangkan React?

a)

Facebook

b)

Microsoft

c)

Apple

d)

Google

2.

Apa saja yang diperlukan untuk membangun sebuah projek menggunakan React JS? (Pilih tiga)

a)

Webpack

b)

Babel

c)

Bootstrap

d)

Package Manager

3.

React JS digunakan untuk membuat ...

a)

Database

b)

Tampilan web

c)

Aplikasi android

d)

Analisis data

4.

$ (a)   my-react-app;

Lengkapi kode diatas untuk mulai membuat aplikasi React JS

5.

React JS memiliki ekstensi javascript yg disebut dengan ...

a)

HTML

b)

JSK

c)

JSX

d)

JPG

6.

Semua yg ada dalam React JS merupakan ...

a)

Komponen

b)

Model

c)

Package

d)

Metode

7.

Yang termasuk dua jenis komponen dalam React JS adalah ...

a)

Statefull

b)

State management

c)

useState

d)

Stateless

8.

Komponen dalam rReact bisa me-return ... elemen html.

a)

Satu

b)

Dua

c)

Tiga

d)

Banyak

9.

Yang termasuk lifecycle dalam React JS adalah

a)

componentDidMount()

b)

conponentWillDelete()

c)

componentDidChange()

d)

componentDidUpdate()

10.

Objek khusus dalam React JS yang digunakan untuk menyimpan data dalam komponen adalah ...

a)

State & const

b)

State & Props

c)

Props & const

d)

State & statefull

11.

Dua karakteristik data yang berada dalam props adalah ...

a)

Bisa diubah

b)

Menyimpan data yang diterima dari komponen lain

c)

Tidak bisa diubah

d)

Tidak bisa dikirim ke komponen lain

12.

this.state = {

title: "Quiz",

description: "Quiz react additional class"

}


Cara mengambil value dengan objek description adalah ...

(a)  

13.

Untuk mengubah state dalam suatu komponen diperlukan sebuah fungsi ...

a)

this.useState()

b)

this.selectState()

c)

useSelector()

d)

this.setState()

14.

State bisa digunakan dalam function komponen biasa.

a)

Ya

b)

Tidak

15.

Hook dalam React JS membuat penulisan fungsi2 menjadi lebih simple.

a)

Ya

b)

Tidak

16.

Hook yang digunakan untuk membuat state dalam function component pada React JS adalah ...

a)

useSelector()

b)

useDispatch()

c)

useState()

d)

useHistory()

17.

const [ name, setName ] = (a)   (" ")


Lengkapi kode diatas!

18.

Hook yang digunakan untuk mengambil state yang ada di dalam store pada React JS adalah ...

a)

useSelector()

b)

useState()

c)

useDispatch()

d)

useHistory()

19.

Hook yang memiliki fungsi yang sama untuk menjalankan lifecycle dalam React JS adalah ...

a)

useSelector()

b)

useState()

c)

useDispatch()

d)

useEffect()

20.

Tiga hal yang diperlukan untuk membentuk state management menggunakan Redux adalah ...

a)

Action

b)

Store

c)

Reducer

d)

Props

21.

Yang digunakan untuk mengelola state yang terdapat dalam store adalah ...

a)

Action

b)

Reducer

c)

Store

d)

Props

22.

() => dispatch({ (a)   : "ADD_COUNT"})


Lnegkapi perintah di atas!

23.

redux-persist digunakan untuk ...

a)

Mengubah state

b)

Mengatur routing halaman

c)

Mempertahankan store

d)

Membuat request ke suatu endpoint

24.

<Provider></Provider> merupakan komponen yang digunakan untuk ...

a)

Mengatur route

b)

Menyediakan store management

c)

Mempertahankan store

d)

Membuat interface

25.

Tiga komponen yang disediakan untuk mengatur routing dengan menggunakan react-router-dom adalah ...

a)

<BrowserRouter></BrowserRouter>

b)

<Switch></Switch>

c)

<PersistGate></PersistGate>

d)

<Route></Route>

26.

Axios dan fetch() digunakan untuk ...

a)

Melakukan request ke API

b)

Menyimpan state dalam store

c)

Mengirimkan data ke komponen lain

d)

Membuat routing