tRPC Client Devtools: Extensión no oficial para inspeccionar consultas, mutaciones y suscripciones.
Las herramientas de desarrollo de tRPC Client son una extensión no oficial que permite a los desarrolladores inspeccionar las consultas, mutaciones y suscripciones en sus aplicaciones de tRPC. Esta extensión de Chrome proporciona una forma conveniente de analizar la entrada, salida y tiempo transcurrido de estas operaciones.
Para empezar a usar las herramientas de desarrollo de tRPC Client, hay algunos pasos sencillos que seguir. Primero, instala el paquete npm trpc-client-devtools-link y añádelo a la configuración de tu cliente de tRPC. Si estás usando tRPC v10, asegúrate de instalar la versión @next. A continuación, descarga e instala la extensión de herramientas de desarrollo de tRPC Client. Por último, abre las herramientas de desarrollo de tu navegador, navega hasta el panel de tRPC y comienza a inspeccionar tus consultas, mutaciones y suscripciones.
Una vez instaladas, las herramientas de desarrollo de tRPC Client aparecen como una pestaña "tRPC" en el inspector de tu navegador web, junto a otras pestañas como "Elementos" y "Consola". La extensión ofrece tres características principales: inspector de consultas, inspector de mutaciones e inspector de suscripciones. Estas características te permiten ver la entrada, el resultado y el tiempo transcurrido de las consultas, mutaciones y suscripciones disparadas, respectivamente.