tRPC Client Devtools: Ekstensi Tidak Resmi untuk Memeriksa Query, Mutasi, dan Langganan.
tRPC Client Devtools adalah ekstensi tidak resmi yang memungkinkan pengembang untuk memeriksa query, mutasi, dan langganan dalam aplikasi tRPC mereka. Ekstensi Chrome ini menyediakan cara yang nyaman untuk menganalisis input, output, dan waktu yang dibutuhkan dari operasi-operasi tersebut.
Untuk mulai menggunakan tRPC Client Devtools, ada beberapa langkah sederhana yang harus diikuti. Pertama, pasang paket npm trpc-client-devtools-link dan tambahkan ke konfigurasi klien tRPC Anda. Jika Anda menggunakan tRPC v10, pastikan untuk menginstal versi @next. Selanjutnya, unduh dan pasang Ekstensi tRPC Client Devtools. Terakhir, buka Devtools browser Anda, navigasikan ke panel tRPC, dan mulai memeriksa query, mutasi, dan langganan Anda.
Setelah terpasang, tRPC Client Devtools akan muncul sebagai tab "tRPC" di inspektor browser web Anda, bersama dengan tab lain seperti "Elemen" dan "Konsol". Ekstensi ini menawarkan tiga fitur utama: inspektor query, inspektor mutasi, dan inspektor langganan. Fitur-fitur ini memungkinkan Anda untuk melihat input, hasil, dan waktu yang dibutuhkan dari query, mutasi, dan langganan yang dijalankan secara berturut-turut.