tRPC Клиентские инструменты разработчика: неофициальное расширение для инспектирования запросов, мутаций и подписок.
tRPC Client Devtools - это неофициальное расширение, которое позволяет разработчикам проверять запросы, мутации и подписки в их приложениях на tRPC. Это расширение для Chrome предоставляет удобный способ анализировать входные данные, выходные данные и время выполнения этих операций.
Чтобы начать использовать tRPC Client Devtools, нужно выполнить несколько простых шагов. Сначала установите пакет npm trpc-client-devtools-link и добавьте его в конфигурацию вашего клиента tRPC. Если вы используете tRPC v10, убедитесь, что устанавливаете версию @next. Затем загрузите и установите расширение tRPC Client Devtools. Наконец, откройте Devtools вашего браузера, перейдите на панель tRPC и начните проверять ваши запросы, мутации и подписки.
После установки tRPC Client Devtools появляется вкладка "tRPC" в инспекторе вашего веб-браузера, рядом с другими вкладками, такими как "Элементы" и "Консоль". Расширение предлагает три основных функции: инспектор запросов, инспектор мутаций и инспектор подписок. Эти функции позволяют просматривать входные данные, результат и время выполнения соответственно для отправленных запросов, мутаций и подписок.