Penamaan Berkas, Batas Komponen, Penamaan Prop
Terapkan konvensi sederhana: PascalCase untuk komponen, folder yang jelas, batas komponen yang kecil, dan nama prop yang ekspresif.
Penamaan Berkas, Batas Komponen, Penamaan Prop adalah pelajaran React Academy gratis di CoddyKit. Ini adalah pelajaran 2 dari 3. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar React Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus React Academy mencakup 3 pelajaran total.
Mengapa konvensi membantu
Tujuan: Buat basis kode mudah diprediksi.
- File komponen menggunakan PascalCase
- Komponen kecil dengan fokus yang jelas
- Nama prop yang jelas dan deskriptif
Daftar singkat penamaan dan folder
- File: UserCard.jsx, ProductList.jsx
- Folder: components/UserCard, pages/Profile
- Ekspor: default atau bernama, tetapi harus sesuai dengan nama file
Contoh: struktur proyek mini
Tata letak proyek kecil dengan file komponen yang menggunakan PascalCase.
<div id="root"></div>
Contoh: bagian kecil yang dapat digunakan kembali
Jaga agar komponen tetap fokus: gunakan UserCard kecil di dalam Profile.
<div id="root"></div>
Contoh: prop dan nilai bawaan yang jelas
Gunakan nama prop yang deskriptif; tetapkan nilai bawaan sederhana dalam destrukturisasi.
<div id="root"></div>
Daftar periksa
- Gunakan PascalCase untuk komponen dan file
- Satu file, satu komponen utama
- Prop: nama yang jelas (label, onPress), nilai bawaan sederhana
Praktik terbaik penamaan file
Ringkasan
Ringkasan: Gunakan file dan nama komponen PascalCase, jaga agar komponen tetap fokus, serta pilih nama prop yang ekspresif dengan nilai bawaan sederhana.
Pertanyaan yang Sering Diajukan
Apakah pelajaran “Penamaan Berkas, Batas Komponen, Penamaan Prop” gratis?
Ya — teks lengkap “Penamaan Berkas, Batas Komponen, Penamaan Prop” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus React Academy, upgrade ke CoddyKit PRO. Kursus React Academy mencakup 3 pelajaran total.
Apa yang akan aku pelajari di “Penamaan Berkas, Batas Komponen, Penamaan Prop”?
Terapkan konvensi sederhana: PascalCase untuk komponen, folder yang jelas, batas komponen yang kecil, dan nama prop yang ekspresif. Kamu berlatih React Academy dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.
Apakah aku perlu pengalaman untuk memulai React Academy?
Tidak diperlukan pengalaman sebelumnya. React Academy di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 2 dari 3.
Berapa lama pelajaran “Penamaan Berkas, Batas Komponen, Penamaan Prop” memakan waktu?
Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.
Bisakah aku menulis dan menjalankan kode dalam pelajaran React Academy ini?
Ya. Setiap pelajaran React Academy menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.
Semua pelajaran dalam kursus ini
- ESLint + Aturan React; Integrasi Prettier
- Penamaan Berkas, Batas Komponen, Penamaan Prop
- Variabel Lingkungan & Organisasi Konfigurasi