Dasar-Dasar React
JSX, components, props, state, event, conditional rendering, daftar dan keys
1Apa itu JSX di React?
Apa itu JSX di React?
Jawaban
JSX adalah ekstensi sintaks JavaScript yang memungkinkan penulisan markup mirip HTML langsung di dalam kode JavaScript. JSX ditransformasi menjadi pemanggilan fungsi React.createElement oleh Babel saat kompilasi. Menggunakan JSX membuat kode lebih mudah dibaca dan memungkinkan deteksi kesalahan saat kompilasi melalui typing, sekaligus menggabungkan kekuatan JavaScript dengan sintaks yang familiar.
2Sintaks mana yang benar untuk menggunakan ekspresi JavaScript di JSX?
Sintaks mana yang benar untuk menggunakan ekspresi JavaScript di JSX?
Jawaban
Kurung kurawal tunggal memungkinkan integrasi ekspresi JavaScript yang valid ke dalam JSX, seperti variabel, fungsi, atau perhitungan. Sintaks ini membuat batas yang jelas antara markup JSX dan kode JavaScript dinamis. Kurung kurawal ganda digunakan untuk objek style inline, tanda kurung untuk mengelompokkan JSX multiline, dan kurung siku untuk array JavaScript.
3Apa perbedaan utama antara className di JSX dan class di HTML?
Apa perbedaan utama antara className di JSX dan class di HTML?
Jawaban
JSX menggunakan className alih-alih class karena class adalah kata kunci yang direservasi di JavaScript untuk mendeklarasikan kelas ES6. Karena JSX ditransformasi menjadi JavaScript, menggunakan class akan menciptakan konflik sintaks. Demikian pula, for menjadi htmlFor, dan event menggunakan camelCase. Konvensi ini memungkinkan JSX tetap menjadi JavaScript yang valid sambil menawarkan sintaks mirip HTML.
Bagaimana cara menulis komentar di kode JSX?
Apa itu functional component di React?
+17 pertanyaan wawancara
Topik wawancara React / Next.js lainnya
Dasar-Dasar JavaScript
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
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