How to use tRPC with ExpressJS and React, including Prisma and tailwind css

Published: 13 February 2023
on channel: Mafia Codes

6,401

166

This is a complete beginners tutorial about tRPC. We will be building a #fullstack application using #expressjs and #react . I would be using #prisma as the #database orm alongside with #zod schema validation. For the #ui I will be using #tailwindcss.

Github: https://github.com/trulymittal/t3-app...
--------------------------------------------------------------------------
📦FREE $100 credit @Digital Ocean: https://m.do.co/c/3208f08b3324
--------------------------------------------------------------------------
Subscribe: https://www.youtube.com/c/yourstruly2...
--------------------------------------------------------------------------
💵Support the channel:
Paypal: https://www.paypal.me/trulymittal
Patreon:   / trulymittal
--------------------------------------------------------------------------

0:00 Introduction
0:13 What is tRPC
2:26 What is a monorepo
3:15 structure of application
7:20 initTRPC trpc/server
10:00 query trpc/server
14:35 mutation in trpc/server
17:06 appRouter - merging routes
18:33 trpc middleware for express
21:13 React @trpc/client
23:30 exporting type AppRouter from server to client,
26:33 creating tRPC client
31:10 tRPC query - listing TODO’s using
36:03 tRPC mutation - adding a Todo
39:17 tRPC context - invalidate data
40:47 mutation to delete a TODO
45:08 mutation to update a TODO
48:04 Context for Authentication in trpc
53:04 Error handling

======================
✔ Other useful Playlists
======================
#RestAPI (#NodeJS and MongoDB):    • REST API using NodeJS and MongoDB
#API Authentication using #JWT:    • NodeJS API Authentication (JWT's)
#Firebase:    • Firebase | Build a Notes App
Docker:    • Docker
MongoDB:    • Learn MongoDB in 50 minutes (Crash Co...
Html/Css/Js:    • HTML / CSS / JS
Android:    • Android
Challenges:    • Challenges

#yoursTRULY #tutorial #howto #nodejs #android #mafiacodes

Watch video How to use tRPC with ExpressJS and React, including Prisma and tailwind css online without registration, duration hours minute second in high quality. This video was added by user Mafia Codes 13 February 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 6,401 once and liked it 166 people.

251