Webinar Series 12 : Membangun Aplikasi Web Modern

Siapa pengembang dari React.js, dan pada tahun berapa React.js pertama kali diluncurkan?

• Google, 2012

• Microsoft, 2014

• Facebook, 2013

• Amazon, 2015

Answer explanation

• React.js dikembangkan oleh Facebook dan diluncurkan pertama kali pada tahun 2013 sebagai library untuk membangun user interface.

Apa fungsi utama dari "Virtual DOM" pada React.js?

• Menyimpan data aplikasi

• Membuat UI lebih efisien dengan perubahan minimal

• Mengontrol layout

• Menambah komponen baru

Answer explanation

Membuat UI lebih efisien dengan perubahan minimal
Penjelasan: Virtual DOM memungkinkan React.js untuk memperbarui UI secara efisien tanpa harus menggambar ulang seluruh halaman, sehingga hanya komponen yang berubah yang diperbarui.

Apa peran JSX dalam pengembangan aplikasi menggunakan React.js?

• Untuk mengatur routing halaman

• Memungkinkan penulisan HTML dalam JavaScript

• Mengelola data global

• Menyimpan data sementara

Answer explanation

• JSX adalah sintaks yang memungkinkan penulisan elemen HTML di dalam JavaScript, memudahkan pembuatan antarmuka pengguna.

Apa yang dimaksud dengan "State" pada React.js?

• Data internal yang dapat berubah dalam komponen

• • Parameter yang dikirim dari komponen induk

• Pengaturan layout

• Fungsi untuk merender halaman

Answer explanation

• State di React.js adalah data internal dari komponen yang dapat diubah dan menentukan bagaimana komponen tersebut dirender.

Manakah dari pernyataan berikut yang benar mengenai Tailwind CSS?

• Menggunakan komponen yang tidak dapat disesuaikan

• Menggunakan pendekatan utility-first untuk styling

• Tidak mendukung desain responsif

• Menggantikan semua fitur dari CSS biasa

Answer explanation

• Tailwind CSS adalah framework yang berfokus pada pendekatan utility-first, memungkinkan pengembang untuk membangun UI dengan kelas-kelas kecil yang spesifik.

Apa kegunaan file tailwind.config.js dalam proyek Tailwind CSS?

• Untuk menulis JavaScript

• Mengatur template paths dan tema kustom

• Mengontrol pengaturan database

• Menambah fungsionalitas pada React.js

Answer explanation

File tailwind.config.js memungkinkan pengaturan seperti jalur template dan tema kustom yang dapat disesuaikan sesuai kebutuhan proyek.

Dalam pengembangan dengan React.js, apa perbedaan utama antara "State" dan "Props"?

• • State untuk komponen parent, Props untuk child

• State dapat diubah, Props bersifat statis

• State hanya untuk function, Props untuk semua komponen

• Props dan State memiliki fungsi yang sama

Answer explanation

State dapat berubah dan diatur di dalam komponen itu sendiri, sementara Props digunakan untuk mengirim data dari komponen induk ke anak dan bersifat statis.

Manakah di bawah ini yang merupakan langkah awal untuk membuat proyek React.js baru menggunakan Create React App?

• npm create-react-app

• npx create-react-app nama_proyek

• node create-react-app

• react create-project

Answer explanation

• Perintah npx create-react-app nama_proyek digunakan untuk membuat proyek React baru menggunakan Create React App.

Untuk mengatur layout secara responsif menggunakan Tailwind CSS, utilitas mana yang sering digunakan?

• Utilitas xs:

• Utilitas sm:, md:, lg:

• Utilitas xl:, xxl:

• Utilitas all:

Answer explanation

• Tailwind CSS menyediakan utilitas responsif seperti sm:, md:, lg: yang memungkinkan penyesuaian elemen berdasarkan ukuran layar.

Apa yang dimaksud dengan komponen "Reusable" di React.js?

• Komponen yang harus diganti setiap kali diakses

• Komponen yang dapat digunakan kembali di berbagai bagian aplikasi

• Komponen yang hanya digunakan sekali

• Komponen yang tidak bisa dirubah

Answer explanation

Salah satu kelebihan React adalah kemampuannya untuk membuat komponen yang dapat digunakan kembali di berbagai bagian aplikasi, meningkatkan efisiensi pengembangan.