Sistem Reka Bentuk & Pustaka Komponen · Pelajaran

Menulis Contoh Penggunaan yang Berkesan

Pelajari cara menghasilkan contoh langsung yang sedia disalin serta pasangan perkara yang patut dan tidak patut dilakukan, supaya dokumentasi sistem reka bentuk benar-benar berguna kepada pembangun dan pereka bentuk.

Pelajaran 4 daripada 413 langkah

Menulis Contoh Penggunaan yang Berkesan ialah pelajaran Sistem Reka Bentuk & Pustaka Komponen percuma di CoddyKit. Ini ialah pelajaran 4 daripada 4. Anda boleh membaca keseluruhan pelajaran di bawah secara percuma — kemudian berlatih secara praktikal dalam pelayar menggunakan penyunting kod terbina dalam dan tutor kecerdasan buatan 24/7. Pelajaran ini merupakan sebahagian daripada laluan pembelajaran Sistem Reka Bentuk & Pustaka Komponen, dan kemajuan anda disegerakkan merentas web serta aplikasi CoddyKit. Kursus Sistem Reka Bentuk & Pustaka Komponen merangkumi sejumlah 4 pelajaran.

Contoh ialah Dokumentasi Terbaik

Pembangun mempelajari sesuatu komponen dengan paling cepat apabila melihat cara komponen itu digunakan. Contoh penggunaan yang baik sering menggantikan perenggan penerangan yang panjang.

Pelajaran ini menumpukan pada penulisan contoh yang mengajar, bukan sekadar mencantikkan dokumentasi anda.

Tunjukkan Kes Lazim Dahulu

Mulakan dengan contoh yang diperlukan oleh 90% pengguna — penggunaan yang paling mudah dan lazim.

Kes pinggiran dan konfigurasi lanjutan boleh diterangkan kemudian. Jika contoh pertama rumit, anda akan membuat orang berputus asa sebelum mereka bermula.

Coretan Sedia Disalin

Contoh hendaklah boleh disalin dan ditampal untuk dijalankan, bukan kod samaran dengan ruang letak ....

Pembangun sepatutnya boleh memasukkan coretan anda dan melihatnya berfungsi. Contoh di bawah lengkap dan boleh berdiri sendiri.

function Alert(type, message) {
  return '<div class="alert alert-' + type + '">' + message + '</div>';
}

console.log(Alert('success', 'Saved successfully!'));
console.log(Alert('error', 'Something went wrong.'));

Contoh Langsung yang Boleh Diedit

Piawaian terbaik ialah taman permainan langsung yang membolehkan pengguna mengedit props dan melihat hasilnya serta-merta.

Alat seperti kawalan Storybook membolehkan orang mencuba tanpa meninggalkan dokumentasi. Interaktiviti mengubah pembacaan menjadi pemahaman.

Pasangan Betul dan Salah

Tunjukkan penggunaan yang betul bersebelahan dengan penggunaan yang salah. Perbandingan Betul / Salah mengajar pertimbangan, bukan sekadar sintaks.

  • Betul: gunakan satu butang utama bagi setiap paparan.
  • Salah: susun tiga butang utama yang bersaing untuk mendapatkan perhatian.

Pasangan ini menghalang kesalahan penggunaan yang paling lazim.

Terangkan Sebabnya

Contoh menunjukkan cara; nota ringkas menerangkan sebabnya. Padankan setiap garis panduan dengan alasannya.

Apabila orang memahami rasionalnya, mereka dapat menggunakan peraturan dengan betul dalam situasi yang tidak pernah anda dokumentasikan.

Liputi Senario Sebenar

Gunakan kandungan yang realistik, bukan Lorem ipsum dan foo. Tunjukkan borang sebenar, mesej ralat sebenar, serta kad sebenar dengan produk yang nyata.

Contoh realistik mendedahkan masalah jarak, limpahan dan pembalutan yang disembunyikan oleh teks ruang letak.

Tunjukkan Keadaan

Komponen mempunyai beberapa keadaan: lalai, apabila dituding, dilumpuhkan, sedang dimuatkan dan ralat. Dokumentasikan setiap satunya dengan contoh.

Jika anda hanya menunjukkan keadaan lalai, pengguna tidak akan tahu bahawa gaya dilumpuhkan itu wujud atau cara mencetuskan pemutar pemuatan.

Pastikan Contoh Diselenggara

Contoh lapuk lebih buruk daripada tiada contoh langsung — contoh sebegitu mengajar corak yang sudah tidak digunakan. Kaitkan contoh dengan komponen langsung supaya contoh itu rosak apabila API berubah.

Contoh yang dijana secara automatik daripada kod sumber kekal tepat mengikut takrifnya.

Kebolehcapaian dalam Contoh

Tunjukkan amalan yang baik. Jika contoh anda tidak mempunyai label atau menggunakan kontras yang lemah, orang akan meniru kesilapan tersebut.

Setiap contoh hendaklah merupakan versi yang boleh diakses, supaya penyalinan dan penampalan menyebarkan amalan baik dan bukannya pepijat.

Contoh Membina Kepercayaan

Apabila contoh lengkap, terkini dan realistik, pembangun mempercayai dokumentasi serta berhenti menghantar soalan kepada anda.

Contoh yang dirangka dengan baik ialah dokumentasi berimpak paling tinggi yang boleh anda tulis.

Semakan Pantas

Uji naluri anda dalam mendokumentasikan.

Rumusan

Anda telah mempelajari cara menulis contoh penggunaan yang mengajar:

  • Tunjukkan kes lazim dahulu, kemudian kes pinggiran.
  • Jadikan coretan sedia disalin dan, sebaik-baiknya, langsung serta boleh diedit.
  • Gunakan pasangan betul/salah dan terangkan sebabnya.
  • Gunakan kandungan realistik, liputi keadaan dan pastikan contoh sentiasa selaras.

Contoh yang baik ialah bahagian dokumentasi sistem reka bentuk yang paling kerap digunakan.

Percuma untuk bermula

Pelajari Sistem Reka Bentuk &amp; Pustaka Komponen dengan tutor kecerdasan buatan — percuma

Tulis dan jalankan kod sebenar dalam pelayar anda, dapatkan bantuan segera daripada tutor kecerdasan buatan yang tersedia 24/7, dan sambung semula dari tempat anda berhenti di web atau dalam aplikasi.

Kursus
12
Pelajaran
48

Soalan Lazim

Adakah pelajaran “Menulis Contoh Penggunaan yang Berkesan” percuma?

Ya — teks penuh “Menulis Contoh Penggunaan yang Berkesan” boleh dibaca secara percuma di web ini. Untuk berlatih secara interaktif menggunakan penyunting kod terbina dalam dan tutor kecerdasan buatan 24/7, serta membuka kunci baki kursus Sistem Reka Bentuk &amp; Pustaka Komponen, tingkat taraf kepada CoddyKit PRO. Kursus Sistem Reka Bentuk &amp; Pustaka Komponen merangkumi sejumlah 4 pelajaran.

Apakah yang akan saya pelajari dalam “Menulis Contoh Penggunaan yang Berkesan”?

Pelajari cara menghasilkan contoh langsung yang sedia disalin serta pasangan perkara yang patut dan tidak patut dilakukan, supaya dokumentasi sistem reka bentuk benar-benar berguna kepada pembangun d… Anda berlatih Sistem Reka Bentuk &amp; Pustaka Komponen menggunakan kod praktikal yang dijalankan terus dalam pelayar, manakala tutor kecerdasan buatan 24/7 menjawab soalan anda semasa anda mengikuti pelajaran.

Adakah saya memerlukan pengalaman untuk memulakan Sistem Reka Bentuk &amp; Pustaka Komponen?

Tiada pengalaman terdahulu diperlukan. Pembelajaran Sistem Reka Bentuk &amp; Pustaka Komponen di CoddyKit disusun untuk pelajar daripada peringkat pemula hingga lanjutan, jadi anda boleh bermula di sini atau dari awal dan belajar mengikut kadar anda sendiri. Ini ialah pelajaran 4 daripada 4.

Berapa lamakah pelajaran “Menulis Contoh Penggunaan yang Berkesan” diambil?

Kebanyakan pelajaran CoddyKit mengambil masa kira-kira 5–10 minit. Setiap pelajaran ringkas dan interaktif, jadi anda boleh membuat kemajuan secara berterusan dan menyambung tepat dari tempat anda berhenti di web atau aplikasi.

Bolehkah saya menulis dan menjalankan kod dalam pelajaran Sistem Reka Bentuk &amp; Pustaka Komponen ini?

Ya. Setiap pelajaran Sistem Reka Bentuk &amp; Pustaka Komponen menyertakan penyunting kod terbina dalam, jadi anda boleh menulis dan menjalankan kod sebenar terus dalam pelayar serta menerima maklum balas kecerdasan buatan serta-merta — tanpa memerlukan persediaan setempat.

Semua pelajaran dalam kursus ini

  1. Mengapa Dokumentasi Penting
  2. Alat untuk Dokumentasi Komponen
  3. Garis Panduan Sumbangan & Penggunaan
  4. Menulis Contoh Penggunaan yang Berkesan
← Kembali ke Sistem Reka Bentuk &amp; Pustaka Komponen