SE Hub

Agen coding

Mengembangkan Fitur

Sekarang setelah Anda memahami codebase, saatnya membangun sesuatu yang baru.

Kunci untuk merilis fitur dengan agen adalah membagi pekerjaan menjadi langkah-langkah yang bisa diverifikasi, sehingga Anda bisa memvalidasi setiap bagian sebelum melanjutkan.

Mulai dengan rencana

Agen dapat membantu Anda memikirkan apa yang perlu dibangun sebelum Anda mulai menulis kode.

Ada banyak keputusan yang perlu Anda pikirkan matang-matang sebelum menulis kode. Jika Anda punya ide fitur, Anda perlu memutuskan bagaimana cara mengimplementasikannya, komponen apa yang perlu dibuat, API apa yang perlu dimodifikasi, dan bagaimana semuanya sesuai dengan arsitektur yang ada.

Anda dapat menggunakan plan mode agen untuk membantu memikirkan keputusan ini sebelum menulis kode. Saat Anda mengirim prompt ke plan mode, agen lebih dulu mengajukan pertanyaan untuk membantu merumuskan rencana yang tepat.

Setelah Anda menjawab, agen membuat rencana terstruktur dengan milestone yang dapat ditinjau dan disetujui.

Kapan harus memulai dari awal

Kadang agen membangun sesuatu yang meleset dari tujuan. Alih-alih mencoba memperbaikinya lewat prompt tambahan—yang sering kali berakhir dengan kode yang semakin rumit—lebih baik membuang percakapan dan memulai ulang dengan instruksi yang lebih jelas.

Sebagai contoh, jika Anda melewatkan catatan penting tentang arsitektur atau desain sistem, rencana akan menjadi tidak valid dan Anda perlu memulai ulang.

Pengembangan berbasis pengujian dengan agen

Agen bekerja paling baik ketika mereka bisa mengetahui apakah kode mereka benar. Saat sebuah test gagal, agen mendapatkan sinyal yang jelas bahwa ada sesuatu yang perlu diperbaiki.

Engineer telah menggunakan pengembangan berbasis pengujian (TDD) sejak lama, tetapi ini tidak selalu menjadi praktik yang umum karena membutuhkan waktu dan usaha. Dengan agen, ini sekarang lebih mudah dari sebelumnya:

  1. Tulis test terlebih dulu. Minta agen menulis test berdasarkan input dan output yang diharapkan. Jelaskan secara eksplisit bahwa agen tidak boleh menulis implementasinya dulu.
  2. Pastikan test gagal. Minta agen menjalankan test dan pastikan bahwa test tersebut gagal.
  3. Commit test. Saat Anda puas dengan cakupan dan kualitas test, lakukan commit.
  4. Minta agen menulis kode. Minta agen membuat semua test lulus tanpa mengubah test.
  5. Commit kodenya. Tinjau output, konfirmasi bahwa perilakunya sesuai ekspektasi, dan lakukan commit.

Contoh prompt untuk TDD:

Write tests for a discountCode() function that:
- Returns the discounted price when given a valid code
- Throws InvalidCodeError for expired codes
- Applies fixed-amount discounts correctly (e.g., "10OFF" = $10 off)
- Never returns a negative price (floor at $0)

Follow the test patterns in src/__tests__/pricing.test.ts. Do NOT write the function yet.

Setelah test di-commit, minta agen menulis kodenya:

Make all tests in src/__tests__/discountCode.test.ts pass.
Follow the service patterns in src/services/PricingService.ts.
Do NOT modify the tests.

Mengapa pendekatan ini sangat efektif? Karena agen dapat menjalankan test, melihat kegagalan, menyesuaikan implementasi, dan mengulang dalam loop hingga semuanya lulus.

Desain menjadi kode

Agen bisa memproses dan memahami gambar. Anda bisa menempelkan screenshot atau mockup langsung ke input agen dan meminta agen membangunnya.

Ini berguna untuk:

  • Mockup: Tempelkan wireframe atau ekspor Figma dan minta agen membangun komponennya
  • Debugging visual: Screenshot status UI yang tidak terduga dan minta agen menyelidikinya
  • Iterasi: Ambil screenshot dari hasil saat ini dan jelaskan apa yang perlu diubah

Pola kegagalan umum: membangun tanpa verifikasi

Risiko terbesar saat membangun fitur dengan cepat adalah melewatkan verifikasi. Agen dapat menghasilkan kode yang terlihat benar tetapi ternyata salah—tidak memenuhi requirement, melewatkan edge case, atau memperkenalkan bug halus.

Berikut daftar konkret cara membantu agen memverifikasi hasil kerjanya:

  • Tests untuk logika dan perilaku
  • Type checking untuk kebenaran struktur
  • Linters untuk menegakkan gaya dan pola kode
  • Browser tools untuk menarik umpan balik atas perubahan UI

Jika agen tidak bisa memverifikasi outputnya, Anda akhirnya akan menghabiskan lebih banyak waktu untuk memeriksa pekerjaan mereka secara manual.

Selanjutnya

Anda telah merilis sebuah fitur. Tapi perangkat lunak memiliki bug, dan sebagian di antaranya rumit. Di bab berikutnya, Anda akan mempelajari cara menemukan dan memperbaikinya dengan efektif menggunakan coding agents.

Anda telah menyelesaikan bab ini

Terus belajar