Konvensi Folder Hook & Penempatan Pengujian
Buat konvensi hook sederhana (gunakan awalan use*, pertahankan logika murni), tempatkan hook di folder fitur, dan simpan pengujian di dekat unit yang diverifikasi.
Konvensi Folder Hook & Penempatan Pengujian 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 hook?
Tujuan: Jaga hook tetap rapi dan dapat diuji.
- Awalan: use*
- Logika murni di dalam hook; antarmuka di luar
- Tempatkan pengujian bersama di dekat unitnya
Gagasan tata letak folder
- features/counter/useCounter.js
- features/counter/CounterPanel.jsx
- features/counter/useCounter.test.jsx
- ui/Button.jsx
Pola kait: useCounter
Kait mengembalikan status + tindakan; jagalah API tetap kecil dan mudah diprediksi.
<div id="root"></div>Penggunaan ulang pola kait: useToggle
Kait kecil mudah digunakan kembali. Dua komponen berbagi perilaku useToggle yang sama.
<div id="root"></div>Pengujian simulasi: useCounter
Simpan berkas pengujian kecil di dekat kait, misalnya useCounter.test.jsx. Di sini kita menyimulasikan pernyataan pengujian.
<div id="root"></div>Kiat dan daftar periksa
- Beri nama kait dengan use*
- Jaga kait tetap murni (tanpa DOM) dan kembalikan API yang kecil
- Tempatkan pengujian bersama di dekat kait/komponen
Pemeriksaan dasar penempatan bersama
Rangkuman
Rangkuman: Letakkan kait kecil dan murni di dalam folder fitur, kembalikan API sederhana, dan simpan pengujian tepat di samping unitnya agar keduanya berpindah bersama saat dilakukan pemfaktoran ulang.
Pertanyaan yang Sering Diajukan
Apakah pelajaran “Konvensi Folder Hook & Penempatan Pengujian” gratis?
Ya — teks lengkap “Konvensi Folder Hook & Penempatan Pengujian” 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 “Konvensi Folder Hook & Penempatan Pengujian”?
Buat konvensi hook sederhana (gunakan awalan use*, pertahankan logika murni), tempatkan hook di folder fitur, dan simpan pengujian di dekat unit yang diverifikasi. 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 “Konvensi Folder Hook & Penempatan Pengujian” 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
- Folder Fitur & Komponen UI vs Komposit
- Konvensi Folder Hook & Penempatan Pengujian
- Pedoman Refaktor