Claude Code Kini Mendukung Native Worktree (dan Ini Keren)

BBetter Stack
Computing/SoftwareInternet Technology

Transcript

00:00:00Claude Code telah menerima banyak sekali
00:00:02pembaruan akhir-akhir ini, mulai dari dukungan SSH Claude Desktop,
00:00:05pratinjau aplikasi, hingga integrasi GitHub,
00:00:07sampai mode sederhana di terminal,
00:00:09yang menghapus skill, plugin, dan alat kustom,
00:00:11membuatnya mudah untuk tugas-tugas dasar.
00:00:13Namun pembaruan terbesar sejauh ini adalah dukungan native work tree,
00:00:16artinya agen Anda bisa mengerjakan banyak fitur
00:00:18atau perbaikan bug secara terisolasi
00:00:20tanpa Anda harus mengonfigurasi apa pun secara manual.
00:00:23Tapi apakah ini dirilis terlalu cepat,
00:00:25mengingat banyak pengembang yang sudah mengalami masalah dasar?
00:00:28Klik subscribe, dan mari kita bahas.
00:00:30Menggunakan Git work tree dengan agen coding bukanlah hal baru.
00:00:33Bahkan, Claude Desktop sudah memilikinya sejak lama,
00:00:35dan ada banyak plugin atau alat yang mendukungnya,
00:00:37seperti Claude Squad, yang sudah pernah kami buat videonya.
00:00:41Tapi salah satu alasan saya pribadi belum menggunakannya
00:00:43adalah karena melakukannya secara manual bisa menambah beban pikiran,
00:00:46dan semoga fitur baru di Claude Code ini
00:00:49akan membuatnya jauh lebih mudah bagi saya.
00:00:50Mari kita coba.
00:00:51Jadi, ini adalah aplikasi to-do sederhana yang dibuat oleh Claude di React.
00:00:54Untuk tujuan pengujian, saya tidak akan benar-benar membangun aplikasi ini
00:00:56selain untuk sekadar mengetes.
00:00:58Tapi bagaimanapun, saya ingin menambahkan tombol mode gelap
00:01:01karena ini menyilaukan mata saya.
00:01:02Saya juga ingin menambahkan kemampuan untuk menyimpan ini
00:01:04di local storage agar tidak hilang saat di-refresh.
00:01:07Dan saya ingin menambahkan kemampuan untuk mengedit to-do.
00:01:10Biasanya, saya akan memasukkan semua fitur itu dalam satu prompt,
00:01:12yaitu mode gelap, local storage,
00:01:14dan kemampuan untuk mengedit to-do.
00:01:16Masalahnya adalah jika salah satu fitur ini memiliki bug,
00:01:20maka saya harus mengerjakan semuanya,
00:01:22sehingga menunda perilisan fitur lainnya
00:01:25karena semuanya berada di PR atau branch yang sama.
00:01:28Tetapi dengan work tree,
00:01:28saya bisa mengerjakan fitur-fitur ini di branch terpisah
00:01:31secara bersamaan di komputer lokal saya
00:01:33tanpa harus melakukan pengaturan manual apa pun.
00:01:35Dan jika ada masalah dengan salah satu fitur tersebut,
00:01:37saya bisa mendorong dua fitur lainnya
00:01:39dan mengerjakan fitur bermasalah itu di branch-nya sendiri.
00:01:41Mari saya tunjukkan cara melakukannya.
00:01:42Jika saya menjalankan Claude Code dengan flag W,
00:01:45maka itu akan memberi saya sebuah work tree
00:01:47dengan nama acak yang dipilih oleh Claude.
00:01:49Tunggu, Lacan?
00:01:50Oke.
00:01:52Tetapi jika saya ingin memberi nama pada work tree saya,
00:01:54saya akan memberikan nama setelah flag W,
00:01:56yang akan saya letakkan di bawah sini.
00:01:58Ini memberi saya work tree baru di sini,
00:02:00dan ini juga membuat branch baru,
00:02:02tapi tidak menghapus work tree sebelumnya yang kita buat.
00:02:05Jadi, ingatlah hal itu
00:02:06jika Anda akhirnya membuat banyak work tree sementara.
00:02:08Di direktori .claud proyek ini, di bawah work trees,
00:02:11kita bisa melihat work tree kita
00:02:13dan melihat semua file kode yang terkait dengannya.
00:02:15Catatan, work tree hanya berfungsi
00:02:16jika proyek Anda sudah diinisialisasi git
00:02:18dan Anda telah melakukan setidaknya satu commit.
00:02:20Sekarang saya bisa melanjutkan implementasi semua fitur
00:02:22pada proyek ini di work tree yang berbeda.
00:02:24Sekarang ketiga fitur tersebut telah selesai
00:02:26dan kita bisa melihat di sini bahwa tombol mode gelap berfungsi.
00:02:29Di yang satu ini, tidak ada tombol mode gelap,
00:02:31tapi saya bisa mengedit to-do.
00:02:32Jadi saya akan menambah yang baru dan mengubahnya di sini.
00:02:35Dan pada bagian local storage, sepertinya ada masalah,
00:02:38tapi inilah keuntungan dari work tree
00:02:40karena saya bisa melihat dua fitur lainnya berjalan baik.
00:02:43Jadi saya bisa men-commit-nya atau membuat pull request
00:02:44dan saya bisa fokus pada yang satu ini
00:02:46dan menggunakan sesi Claude Code khusus
00:02:48untuk memperbaiki masalah ini.
00:02:49Dan setelah saya selesai dengan work tree-nya,
00:02:51saya bisa menyimpannya agar bisa kembali lagi nanti
00:02:53atau menghapusnya dari sistem saya.
00:02:54Jika saya memutuskan untuk menyimpannya,
00:02:55saya bisa kembali ke work tree yang sama persis
00:02:58jika saya menentukan namanya, seperti yang Anda lihat di sini.
00:03:00Saya bahkan bisa melanjutkan sesi dari work tree saat ini
00:03:03atau menekan Control + W untuk melihat semua sesi di proyek ini.
00:03:06Meskipun saya tidak begitu yakin
00:03:07bagaimana sistem menentukan sesi saat ini,
00:03:08karena sekarang saya berada di branch main.
00:03:11Bicara soal sesi saat ini,
00:03:12jika Anda ingin bekerja dari direktori work tree,
00:03:15Anda bisa menavigasi langsung ke sana
00:03:16menggunakan cd .claud/worktrees dan seterusnya,
00:03:19atau Anda bisa menjalankan work trees dengan flag tmux,
00:03:21yang akan membawa Anda langsung ke direktori tersebut.
00:03:23Dan jika saya membuka panel pemisah baru,
00:03:26Anda bisa melihat saya berada di work tree itu
00:03:27dan saya bisa menavigasi file-file khusus work tree tersebut.
00:03:30Tapi hal yang paling keren tentang work tree
00:03:31adalah dukungannya terhadap sub-agen,
00:03:33artinya saya bisa meminta sub-agen yang berbeda
00:03:35untuk mengerjakan banyak fitur di branch yang berbeda
00:03:38dalam sesi Claude Code yang sama.
00:03:40Dan jika Anda ingin dukungan work tree di sub-agen kustom,
00:03:42sehingga sub-agen kustom akan otomatis membuat work tree,
00:03:45Anda hanya perlu menambahkan isolation work tree ini
00:03:48di bagian front matter dan Claude akan mengurus sisanya.
00:03:50Secara keseluruhan, saya sangat terkesan dengan fitur ini
00:03:52dan ini adalah sesuatu yang pasti
00:03:54akan lebih sering saya gunakan,
00:03:55terutama dengan hook work tree baru
00:03:57yang memungkinkan Anda menggunakan work tree tanpa git,
00:04:00seperti SVN, jujutsu, dan sebagainya,
00:04:02dan juga untuk menjalankan skrip secara otomatis
00:04:04ketika Anda membuat work tree baru.
00:04:05Namun sayangnya, sepertinya banyak orang
00:04:08mengalami masalah dengan work tree
00:04:09sejak pembaruan Claude Code terbaru
00:04:11karena apa yang tampak seperti feature flag yang rusak.
00:04:13Untungnya, Anda bisa meminta Claude Code memperbaiki binary-nya sendiri
00:04:17sebagai tindakan sementara,
00:04:18tapi semoga tim akan memberikan perbaikan yang tepat nanti
00:04:21agar lebih banyak orang bisa merasakan fitur hebat ini.
00:04:24Bicara tentang fitur hebat,
00:04:25jika Anda seorang pengembang React dan ingin alat CLI
00:04:28untuk mendeteksi anti-pattern React secara otomatis,
00:04:31silakan tonton video dari Andris ini
00:04:33yang membahas tentang React Doctor.

Key Takeaway

Dukungan native worktree pada Claude Code merevolusi efisiensi alur kerja pengembang dengan memungkinkan pengerjaan banyak fitur secara terisolasi dan paralel tanpa konfigurasi manual yang rumit.

Highlights

Claude Code kini mendukung fitur native worktree yang memungkinkan isolasi tugas secara otomatis.

Penggunaan Git worktree memungkinkan pengembang mengerjakan berbagai fitur di branch berbeda secara bersamaan.

Fitur ini membantu menghindari keterlambatan rilis akibat bug pada satu fitur dalam branch yang sama.

Mendukung sub-agen kustom yang dapat secara otomatis membuat worktree dengan konfigurasi front matter.

Terdapat fleksibilitas penggunaan worktree untuk sistem kontrol versi lain selain Git, seperti SVN atau Jujutsu.

Meskipun ada beberapa kendala pada pembaruan terbaru, pengguna dapat meminta Claude Code memperbaiki binary-nya sendiri.

Timeline

Pengenalan Pembaruan Terbaru Claude Code

Video dimulai dengan merangkum berbagai pembaruan yang baru saja diterima oleh Claude Code, termasuk dukungan SSH dan integrasi GitHub. Pembicara menekankan bahwa pembaruan terbesar saat ini adalah dukungan native worktree untuk pengerjaan fitur secara terisolasi. Fitur ini dirancang agar agen dapat menangani perbaikan bug atau pengembangan fitur tanpa campur tangan manual dari pengguna. Meskipun sangat menjanjikan, ada pertanyaan mengenai kesiapan rilis ini karena beberapa pengembang melaporkan masalah dasar. Bagian ini memberikan konteks penting tentang evolusi alat AI dari Anthropic ini bagi komunitas pengembang.

Konsep Git Worktree dan Masalah Pengembangan Tradisional

Pembicara menjelaskan bahwa konsep Git worktree sebenarnya bukan hal baru, namun implementasi manual sering kali menambah beban kognitif bagi pengembang. Dalam pengembangan tradisional, menggabungkan banyak fitur seperti mode gelap dan penyimpanan lokal dalam satu branch dapat berisiko. Jika satu fitur memiliki bug, seluruh proses rilis fitur lainnya akan tertunda karena ketergantungan dalam satu Pull Request yang sama. Dengan worktree, setiap fitur dapat dikerjakan secara paralel di branch terpisah pada komputer lokal secara otomatis. Hal ini memungkinkan pengembang untuk mendorong fitur yang sudah selesai sementara tetap fokus memperbaiki bagian yang bermasalah.

Demonstrasi Teknis Penggunaan Flag Worktree

Bagian ini mendemonstrasikan cara praktis menjalankan Claude Code dengan flag -w untuk membuat worktree baru dengan nama acak atau kustom. Pembicara menunjukkan lokasi penyimpanan file kode di direktori .claude/worktrees dan syarat utama penggunaannya, yaitu proyek harus sudah diinisialisasi Git. Dalam contoh aplikasi React, diperlihatkan bagaimana tiga fitur berbeda berhasil dikerjakan di lingkungan terisolasi masing-masing. Terlihat jelas keuntungan saat fitur penyimpanan lokal mengalami kendala, fitur mode gelap tetap bisa berfungsi dan siap untuk di-commit. Pengguna juga diberikan opsi untuk menyimpan sesi worktree agar dapat dilanjutkan di lain waktu atau menghapusnya jika sudah selesai.

Navigasi Worktree, Tmux, dan Sub-Agen Kustom

Pembicara menjelaskan metode navigasi antar worktree, termasuk penggunaan perintah cd langsung ke direktori tersembunyi atau menggunakan flag tmux. Integrasi dengan tmux memungkinkan pengguna berpindah langsung ke lingkungan kerja yang diinginkan dengan panel pemisah yang efisien. Salah satu fitur paling canggih yang dibahas adalah dukungan terhadap sub-agen, di mana satu sesi Claude Code bisa memerintahkan agen berbeda untuk bekerja di branch yang berbeda pula. Pengembang juga bisa mengotomatisasi isolasi worktree pada agen kustom dengan menambahkan instruksi khusus pada bagian front matter. Fleksibilitas ini juga mencakup dukungan untuk sistem non-git serta eksekusi skrip otomatis saat pembuatan worktree baru.

Isu Teknis dan Rekomendasi Alat Tambahan

Menjelang akhir video, pembicara mengakui adanya laporan bug terkait feature flag yang rusak pada pembaruan Claude Code terbaru. Sebagai solusi sementara, pengguna disarankan untuk meminta Claude Code memperbaiki binary-nya sendiri agar fitur worktree tetap bisa digunakan. Pembicara berharap tim pengembang segera merilis perbaikan permanen untuk meningkatkan pengalaman pengguna secara luas. Video ditutup dengan rekomendasi alat CLI bernama React Doctor untuk mendeteksi anti-pattern pada proyek React secara otomatis. Informasi ini sangat berguna bagi pengembang yang ingin menjaga kualitas kode mereka sambil memanfaatkan asisten AI.

Community Posts

No posts yet. Be the first to write about this video!

Write about this video