Aunque tRPC v11 ha estado listo para producción desde hace mucho tiempo a través de la etiqueta @next, nos hemos vuelto un poco adictos a añadir nuevas funciones sin ser estrictos con el versionado semántico. ¡Hoy estamos emocionados de finalmente quitarnos la venda y anunciar el lanzamiento oficial de tRPC v11!

Nos complace anunciar que la nueva integración de TanStack React Query para tRPC ya está disponible en la versión next de tRPC. Comparada con nuestra integración clásica de React Query, es más simple y más nativa de TanStack Query, ya que utiliza directamente las interfaces QueryOptions y MutationOptions propias de TanStack React Query, en lugar de envolver useQuery y useMutation con nuestro propio cliente.

El patrón de construcción (builder-pattern) para crear procedimientos, introducido en tRPC v10, ha sido muy valorado por la comunidad, y muchas bibliotecas han adoptado patrones similares. Incluso se ha acuñado el término tRPC like XYZ como evidencia de la creciente popularidad de este patrón. De hecho, el otro día vi a alguien preguntándose si había una forma de escribir aplicaciones CLI con una API similar a tRPC. Nota al margen: incluso puedes usar tRPC directamente para hacer esto. Pero no es de eso de lo que venimos a hablar hoy, sino de cómo usar tRPC con server actions de Next.js.

¿Alguna vez te has preguntado cómo funciona tRPC? ¿Quizás quieres contribuir al proyecto pero te intimidan sus internos? El objetivo de esta publicación es familiarizarte con los detalles internos de tRPC mediante la creación de un cliente mínimo que cubra las partes principales de su funcionamiento.

Como autores de bibliotecas, nuestro objetivo es ofrecer la mejor experiencia de desarrollo (DX) posible a nuestros colegas. Reducir el tiempo para detectar errores y proporcionar APIs intuitivas elimina la carga mental de los desarrolladores, permitiéndoles concentrarse en lo más importante: una gran experiencia para el usuario final.

tRPC ofrece una excelente experiencia de desarrollo al forzar enlaces de tipos sólidos en toda la pila gracias al poder de TypeScript. Sin desviación de contratos de API, sin generación de código.

tRPC te ofrece seguridad de tipos de extremo a extremo desde tu servidor (node) hasta tu cliente, sin siquiera declarar tipos. Todo lo que haces en el backend es devolver datos en una función, y en el frontend usas esos datos según el nombre del endpoint.