React Hooks
useState, useEffect, useContext, useRef, useCallback, useMemo, custom hooks
1Apa itu hook useState di React?
Apa itu hook useState di React?
Jawaban
useState adalah React hook yang mengelola state lokal dalam komponen fungsional. Berbeda dengan variabel JavaScript biasa yang direset pada setiap render, useState mempertahankan nilai state antara render yang berurutan. Hook ini mengembalikan array yang berisi nilai state saat ini dan fungsi untuk memperbaruinya, secara otomatis memicu render ulang komponen ketika state berubah.
2Apa sintaks yang benar untuk mendeklarasikan state dengan useState?
Apa sintaks yang benar untuk mendeklarasikan state dengan useState?
Jawaban
Sintaks yang benar menggunakan array destructuring untuk mengekstrak nilai state dan fungsi pembaruannya. Secara konvensi, fungsi pembaruan diawali dengan 'set' diikuti nama variabel state dalam camelCase. Konvensi ini meningkatkan keterbacaan kode dan diadopsi secara luas di komunitas React. Urutan elemen dalam array yang dikembalikan useState selalu sama: nilai saat ini pertama, fungsi pembaruan kedua.
3Apa yang terjadi saat memanggil fungsi pembaruan state?
Apa yang terjadi saat memanggil fungsi pembaruan state?
Jawaban
Ketika fungsi pembaruan state dipanggil, React menjadwalkan render baru komponen dengan nilai state yang baru. Pembaruan tidak langsung terjadi melainkan asinkron, artinya nilai state tidak berubah secara instan setelah pemanggilan. React mengelompokkan beberapa pembaruan state untuk mengoptimalkan kinerja dan menghindari render yang tidak perlu. Strategi batching ini secara signifikan meningkatkan kinerja aplikasi.
Bagaimana memperbarui state berdasarkan nilai sebelumnya?
Bisakah beberapa useState digunakan dalam komponen yang sama?
+19 pertanyaan wawancara
Topik wawancara React / Next.js lainnya
Dasar-Dasar JavaScript
Dasar-Dasar React
Siklus hidup komponen
React Router
Manajemen state dengan Context
Form & Controlled Components
Pengambilan Data & API
React Query (TanStack Query)
Styling & CSS-in-JS
Dasar-dasar Next.js
TypeScript dengan React
Data Fetching Next.js
Server Actions Next.js
Routing & Navigasi Next.js
API Routes Next.js
Metadata & SEO di Next.js
Middleware & Auth di Next.js
Pengujian React
Zustand State Management
Optimasi Performa React
Error Boundaries & Error Handling
Advanced React Patterns
Fitur Lanjutan Next.js
Deployment & Produksi Next.js
Architecture & Design Patterns
React Server Components
Internasionalisasi Next.js
Keamanan React & Praktik Terbaik
Kuasai React / Next.js untuk wawancara berikutnya
Akses semua pertanyaan, flashcards, tes teknis, latihan code review dan simulator wawancara.
Mulai gratis