tRPC: Tipando seus endpoints sem GraphQL

Esta apresentação faz parte de um conteúdo apresentado em uma palestra que detalha o funcionamento de tRPC, biblioteca focada na criação de endpoints através do padrão RPC de forma a adicionar tipagem TypeScript sem a necessidade de aplicar um padrão GraphQL.

Transcript

1. tRPC: tipando seus endpoints sem GraphQL
2. Olá! Eu sou o Baú 👋 Caiçara, Pintor de botões e jogador amador de Magic: The Gathering 🃏 Você pode me encontrar em @mechamobau 2
3. 1. Motivação Porque é tão interessante o conceito
4. Compartilhando tipos entre projetos ▪ Replicação manual ▪ Publicação de tipos ▪ GraphQL A exportação entre os métodos depende de uma configuração manual. 4
5. Algumas desvantagens 1. Repetição de código 2. Configuração inicial no processo de build 3. Geração de um schema universal 5
6. 2. Diferentes abordagens Maneiras diferentes de atacar o mesmo problema
7. REST 7
8. GraphQL 8
9. RPC 9
10. 3. O que é tRPC? Apresentando os conceitos da biblioteca
11. 11 tRPC possibilita construir e consumir APIs fortemente tipadas facilmente, sem schemas ou geração de código.
12. O que é tRPC? 12
13. Para quem o tRPC é destinado? O tRPC pode ser interessante para os seguintes casos de uso: ▪ Devs Full-stacks JavaScript ▪ Monorepos JS/TS ▪ Projetos multi-linguagens 13
14. Criando nossas primeiras rotas 14
15. Criando nossas primeiras rotas 15
16. Com isto, vemos que: Padrões tRPC As definições criadas com tRPC seguem a mesma definição do GraphQL, possibilitando query, mutation e subscription. Endpoints Endpoints são divididos por funções com suas próprias responsabilidades. Tipos inferidos Não precisamos declarar tipos para os endpoints, sendo eles inferidos. 16
17. Consumindo isso em nosso código 17 Para consumir nosso serviço temos algumas opções: ▪ @trpc/client ▪ @trpc/react ▪ @trpc/next
18. Consumindo isso em nosso código 18
19. Consumindo isso em nosso código 19
20. ~30kb Tamanho dos pacotes de cliente e servidor 0.0 Sem dependências externas ~7.000 Estrelas no Github 20
21. Até mais! Alguma dúvida? Você pode me encontrar em: ▪ @mechamobau ▪ contato@lucasviana.dev 21
22. Créditos Agradecimento especial ao pessoal que lançou e disponibilizou estes fantásticos conteúdos gratuitamente: ▪ Template da apresentação SlidesCarnival ▪ Fotos por Unsplash and The Gender Spectrum Collection 22