How to use tRPC with ExpressJS and React, including Prisma and tailwind css
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-with-express-react-vite-trpc-prisma -------------------------------------------------------------------------- 📦FREE $100 credit @Digital Ocean: https://m.do.co/c/3208f08b3324 -------------------------------------------------------------------------- Subscribe: https://www.youtube.com/c/yourstruly267?sub_confirmation=1 -------------------------------------------------------------------------- 💵Support the channel: Paypal: https://www.paypal.me/trulymittal Patreon: https://www.patreon.com/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): https://www.youtube.com/playlist?list=PLdHg5T0SNpN3EoN3PEyCmPR42Ok_44OFT #API Authentication using #JWT: https://www.youtube.com/playlist?list=PLdHg5T0SNpN0ygjV4yGXNct25jY_ue70U #Firebase: https://www.youtube.com/playlist?list=PLdHg5T0SNpN2NimxW3piNqEVBWtXcraz- Docker: https://www.youtube.com/playlist?list=PLdHg5T0SNpN0gFlL8AXvZdAHsvpkuW0Ba MongoDB: https://www.youtube.com/watch?v=liocKBCVJyw&t=7s Html/Css/Js: https://www.youtube.com/playlist?list=PLdHg5T0SNpN0saXVT9gfb2MESkiHG8YbP Android: https://www.youtube.com/playlist?list=PLdHg5T0SNpN2cv8zhK-zQx2qXfJKap9kU Challenges: https://www.youtube.com/playlist?list=PLdHg5T0SNpN20F2v0xYWeLRZtdehexzDi #yoursTRULY #tutorial #howto #nodejs #android #mafiacodes
Download
0 formatsNo download links available.