Codean | Code Splitting di React

Apa itu code splitting dalam konteks React?

• Cara untuk menghapus kode yang tidak digunakan

• Fitur untuk menambahkan lebih banyak komponen ke dalam aplikasi

• Metode untuk menggabungkan semua kode menjadi satu file

• Teknik untuk mengoptimalkan performa aplikasi web

Apa yang dimaksud dengan dynamic imports?

• Mengimpor modul secara dinamis saat runtime

• Mengimpor semua modul sekaligus

• Mengimpor modul hanya saat aplikasi dimulai

• Mengimpor modul dari server eksternal

Apa yang dilakukan fungsi React.lazy()?

• Menghapus komponen yang tidak digunakan

• Meningkatkan ukuran bundle aplikasi

• Menyimpan semua komponen dalam memori

• Memungkinkan pemuatan komponen React secara on-demand

Apa yang ditampilkan oleh komponen Suspense saat menunggu pemuatan?

• Komponen yang sudah dimuat

• Tidak ada yang ditampilkan

• Pesan kesalahan

• Pesan 'Loading...' atau UI fallback lainnya

Apa keuntungan utama dari code splitting?

• Mengurangi waktu muat awal aplikasi

• Meningkatkan ukuran file aplikasi

• Membuat aplikasi lebih kompleks

• Mengurangi jumlah komponen dalam aplikasi

Apa yang terjadi ketika tombol 'Load LazyComponent' diklik?

• Komponen LazyComponent dimuat secara dinamis

• Tidak ada yang terjadi

• Aplikasi akan crash

• Semua komponen akan dimuat sekaligus

Apa yang dilakukan Promise dalam dynamic imports?

• Menghapus modul yang tidak digunakan

• Menghentikan eksekusi kode

• Mengembalikan modul yang diimpor setelah dimuat

• Menyimpan semua modul dalam memori

Apa yang ditunjukkan oleh fallback prop dalam Suspense?

• UI yang ditampilkan saat menunggu pemuatan

• Tidak ada yang ditampilkan

• Komponen yang sudah dimuat

• Pesan kesalahan

Apa yang dilakukan handleClick dalam contoh kode?

• Memuat komponen LazyComponent

• Menghapus komponen dari tampilan

• Menampilkan pesan kesalahan

• Menghentikan aplikasi

Apa yang dimaksud dengan lazy loading?

• Memuat komponen hanya saat dibutuhkan

• Memuat semua komponen sekaligus

• Menghapus komponen yang tidak digunakan

• Menyimpan semua komponen dalam memori