tRPC - czy to koniec GraphQL?
O prezentacji: Chcc uzyska type safety w projekcie mo甜emy zdecydowa si na samodzielne tworzenie, utrzymywane oraz wsp坦dzielenie typ坦w. Inn mo甜liwoci jest skorzystanie z gotowego rozwizania (np. generatora typ坦w), kt坦re stworzy typy za pomoc komendy. Obie te opcje wymagaj jednak dodatkowego nakadu pracy. tRPC niweluje ten problem pozwalajc na natychmiastow synchronizacj zmian midzy backendem a frontendem. Podczas prelekcji opowiem o obecnych mo甜liwociach i ograniczeniach tRPC, a tak甜e kiedy warto z tego narzdzia skorzysta. Dodatkowo podczas live codingu poka甜 jak szybko i wygodnie mo甜na stworzy API za pomoc tRPC i frameworku Next.js. O prelegencie: Karier w IT zacza niecae 3 lata temu jako programistka React Native. Szybko jednak zaciekawi j tak甜e web dev i backend, co rozpoczo jej drog jako programistka full-stack. Uwielbia ledzi i wykorzystywa w projektach nowinki ze wiata JavaScriptu. Poza prac spdza czas uprawiajc przer坦甜ne sporty - od treningu siowego i roweru, poprzez jog, a甜 po narty.
![[WHUG] Wielki brat patrzy - czyli jak zbieramy dane o uzytkownikach allegro](https://cdn.slidesharecdn.com/ss_thumbnails/whug-wielkibratpatrzy-czylijakzbieramydaneouzytkownikachallegro-151106092653-lva1-app6892-thumbnail.jpg?width=560&fit=bounds)
More Related Content
Similar to tRPC - czy to koniec GraphQL? (20)
More from Brainhub (20)
tRPC - czy to koniec GraphQL?
- 2. since 2015
- 3. Our team of 100 people work remotely and from of鍖ces in Gliwice & Wroclaw
- 4. Our top clients: Our best technologies:
- 6. tRPC - czy to koniec GraphQL? Angelika Jeziorska JavaScript Full Stack Developer Wrocaw, 20.04.2023
- 8. Co to tRPC? Biblioteka do budowania api z penym type-safety. Pod spodem HTTP GET i POST. Frontowy klient zbudowany na React (TanStack) Query. Wsparcie subskrypcji i WebSocket坦w. Nie wymaga generowania i/lub utrzymywania typ坦w wystarczy walidator.
- 9. Skd front zna typy?
- 10. Walidacja input坦w yup superstruct zod/myzod wasny walidator
- 11. Do jakich rozwiza? TypeScript (front i back) React/Next.js Monorepo
- 12. Czemu nie REST lub GraphQL?
- 13. Podstawowe koncepcje Router. Procedury - ekwiwalent endpointu RESTowego lub lambdy. Context - informacje przydatne dla procedur. API Handler - backend, w kt坦rym 甜yje tRPC.
- 14. Aktualnie dostpne adaptery AWS Lambda/Serverless, Express, edge runtimes (Next.js), Fastify.
- 15. Jak ograniczy dostp do endpointu? Prawa nadawane inkrementacyjnie middleware uruchamiany przed procedur Odrbne uprawnienia -> tRPC Shield.
- 16. const isAuthenticated = rule<Context>()(async (ctx, type, path, input, rawInput) => { return ctx.user !== null }) const isAdmin = rule<Context>()(async (ctx, type, path, input, rawInput) => { return ctx.user.role === 'admin' }) const isEditor = rule<Context>()(async (ctx, type, path, input, rawInput) => { return ctx.user.role === 'editor' }) const permissions = shield<Context>({ query: { frontPage: not(isAuthenticated), fruits: and(isAuthenticated, or(isAdmin, isEditor)), customers: and(isAuthenticated, isAdmin), }, });
- 17. To czemu wszyscy z niego nie korzystaj? Wersja v10 (listopad 2022) Dodanie wielu funkcjonalnoci IDE (Go to Definition, Rename Symbol itd.). Middleware, reu甜ywalne i chainowalne procedury. Poprawiony syntax. Lepszy performance TypeScripta w du甜ych projektach. Spor坦d du甜ych graczy wykorzystujcych tRPC jest Netflix i Pleo (cash back).
- 18. Potencjalne problemy CRONy Integrowanie narzdzi przez context brak konwencji
- 19. Kiedy warto wykorzysta? Majc fullstack坦w w projekcie. Chcc wykona wiele operacji, kt坦rych logika nie jest powizana lub mo甜e by wsp坦dzielona. W aplikacjach real-time.
- 20. Materiay tRPC Docs: https://trpc.io/docs/ T3 stack: https://create.t3.gg/
- 21. 禽噛庄一顎逮!