TypeScript dengan React
Tipe untuk props, state, events, generics, FC type, children type, pengetikan hooks
1Apa sintaks yang benar untuk mengetik props komponen React?
Apa sintaks yang benar untuk mengetik props komponen React?
Jawaban
Interface Props diikuti dengan pengetikan fungsi dengan Props sebagai parameter adalah sintaks standar yang direkomendasikan. Pendekatan ini memberikan inferensi tipe yang sangat baik dan memungkinkan penggunaan ulang tipe Props dengan mudah di tempat lain dalam kode. Ini lebih eksplisit daripada React.FC dan memberikan kontrol lebih baik atas pengetikan children.
2Bagaimana cara mengetik state sederhana dengan useState secara benar?
Bagaimana cara mengetik state sederhana dengan useState secara benar?
Jawaban
TypeScript secara otomatis menyimpulkan tipe state dari nilai awal yang diteruskan ke useState. Untuk nilai sederhana seperti string, tidak perlu menentukan tipe generik secara eksplisit. Inferensi otomatis sudah cukup dan membuat kode lebih ringkas. Pengetikan eksplisit hanya berguna untuk union atau ketika nilai awal adalah null.
3Apa tipe yang benar untuk event onClick pada tombol?
Apa tipe yang benar untuk event onClick pada tombol?
Jawaban
React.MouseEvent<HTMLButtonElement> adalah tipe spesifik untuk event klik pada tombol. Parameter generik HTMLButtonElement menentukan elemen DOM yang terlibat, memungkinkan akses ke properti spesifik tombol melalui event.currentTarget. Menggunakan MouseEvent DOM native atau tipe yang terlalu umum akan kehilangan presisi pengetikan ini.
Tipe apa yang digunakan untuk mengetik children dari komponen wrapper?
Apa perbedaan utama antara React.FC dan pengetikan langsung?
+17 pertanyaan wawancara
Topik wawancara React / Next.js lainnya
Dasar-Dasar JavaScript
Dasar-Dasar React
React Hooks
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
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