Question 1

Apa perbedaan utama antara let dan var di JavaScript?

Accepted Answer

let memiliki block scope sedangkan var memiliki function scope. Ini berarti variabel yang dideklarasikan dengan let hanya dapat diakses di dalam blok tempatnya didefinisikan (di antara kurung kurawal), sedangkan var dapat diakses di seluruh fungsi. Perbedaan ini sangat penting untuk menghindari bug yang terkait dengan hoisting dan variabel yang bocor keluar dari konteks yang dimaksudkan.

Question 2

Apa itu JSX di React?

Accepted Answer

JSX adalah ekstensi sintaksis JavaScript yang memungkinkan penulisan kode mirip HTML langsung di dalam JavaScript. Kode ini ditranspilasi menjadi pemanggilan fungsi React.createElement() oleh alat seperti Babel. JSX membuat kode lebih mudah dibaca dan mempermudah pembuatan UI dengan menggabungkan logika dan rendering dalam file yang sama.

Question 3

Apa komponen dasar yang digunakan untuk membuat kontainer di React Native?

Accepted Answer

Komponen View adalah kontainer fundamental di React Native, setara dengan div di HTML. Komponen ini memungkinkan pengelompokan komponen lain, penerapan gaya, dan pengelolaan layout melalui Flexbox. Berbeda dengan web, React Native menggunakan View alih-alih div karena harus diterjemahkan ke komponen native (UIView di iOS, android.view di Android).

Question 4

Fungsi mana yang memungkinkan deklarasi variabel state dalam komponen fungsional React?

Accepted Answer

useState adalah hook fundamental untuk mengelola state lokal dalam komponen fungsional. Ia mengembalikan array yang berisi nilai state saat ini dan fungsi untuk memperbaruinya. Tidak seperti komponen kelas yang menggunakan this.state, komponen fungsional menggunakan useState untuk setiap variabel state yang independen.

Question 5

Apa metode JavaScript native untuk membuat permintaan HTTP di React Native?

Accepted Answer

fetch adalah API native yang tertanam di JavaScript dan React Native untuk membuat permintaan HTTP. Ia mengembalikan Promise dan memungkinkan penanganan permintaan GET, POST, PUT, DELETE tanpa dependensi eksternal. Berbeda dengan axios, fetch tersedia secara native tanpa menginstal paket apa pun.

Question 6

Apa karakteristik utama AsyncStorage di React Native?

Accepted Answer

AsyncStorage adalah sistem penyimpanan key-value yang asinkron, tidak terenkripsi, dan persisten. Bekerja secara global di seluruh aplikasi dan menyimpan data sebagai string. Ini adalah solusi penyimpanan paling sederhana yang terpasang di React Native, ideal untuk preferensi pengguna sederhana atau data yang tidak sensitif.

Question 7

Apa perbedaan utama antara input controlled dan uncontrolled di React Native?

Accepted Answer

Input controlled dikelola oleh state React melalui props value dan onChangeText, yang memungkinkan kontrol penuh atas nilai kapan saja. Input uncontrolled menggunakan ref untuk mengakses nilai secara langsung tanpa melalui state React. Input controlled direkomendasikan karena memudahkan validasi real-time dan sinkronisasi dengan state aplikasi.

Question 8

Apa peran utama React.memo dalam optimasi performa React Native?

Accepted Answer

React.memo adalah Higher-Order Component yang me-memoize hasil render dari sebuah komponen fungsional. Ia mencegah re-render yang tidak perlu dengan membandingkan props saat ini dengan props sebelumnya (shallow comparison secara default). Jika props tidak berubah, React menggunakan kembali hasil yang sudah di-memoize alih-alih me-render ulang komponen, yang secara signifikan meningkatkan performa pada list atau pohon komponen yang kompleks.

Question 9

Apa itu memory leak dalam aplikasi React Native?

Accepted Answer

Memory leak terjadi ketika objek di memori tidak lagi digunakan oleh aplikasi tetapi tidak dapat dibebaskan oleh garbage collector karena referensi ke objek tersebut masih ada. Di React Native, ini sering terjadi pada subscription yang tidak dibersihkan, timer yang masih aktif setelah unmount, atau closure yang menangkap referensi usang. Memory leak secara bertahap menurunkan performa dan dapat menyebabkan crash pada sesi yang panjang.

Question 10

Apa itu arsitektur komponen dalam aplikasi React Native?

Accepted Answer

Arsitektur komponen melibatkan penataan aplikasi menjadi elemen-elemen yang dapat digunakan kembali dan independen, masing-masing dengan satu tanggung jawab. Pendekatan ini mendorong penggunaan ulang kode, menyederhanakan unit testing, dan meningkatkan kemudahan pemeliharaan. Setiap komponen mengenkapsulasi state, logika, dan presentasinya sendiri, memungkinkan antarmuka kompleks dibangun dari blok-blok sederhana yang dapat dikomposisikan.

Pertanyaan wawancara React Native

Siap untuk wawancara React Native?

Jelajahi semua topik React Native

Dasar-Dasar JavaScript

Dasar-Dasar React

Dasar-Dasar React Native

React Hooks

TypeScript untuk React & React Native

Komponen & API React Native

Styling & Layout React Native

Navigasi React Native

Manajemen State React Native

Networking & API React Native

Persistensi Data

Formulir & Validasi

Animasi React Native

Native Modules & Bridge

Kode Spesifik Platform

Izin & API Perangkat

Push Notifications

Testing React Native

Debugging React Native

Build & Deployment

Expo vs React Native Bare

Optimasi Performa

Manajemen Memori

Architecture Patterns

New Architecture React Native

Praktik Terbaik Keamanan

Offline-First Architecture

CI/CD React Native

Monorepo & Berbagi Kode

Topik Lanjutan

Siklus Hidup Aplikasi & Eksekusi Background

Autentikasi & Manajemen Sesi

Monitoring & Crash Reporting

Kuasai React Native untuk wawancara berikutnya