iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
Modern Web

一些讓你看來很強的全端- trcp 伴讀 系列

本次主題希望分享一些很酷的框架,大家是不是在開發前端時會時常遇到不知道後端 response schema 的狀況,或是只要後端 api response 結構只要一調整,整個 api 甚至是 page 邏輯都要大改,相信大家肯定遇到過,有些公司可能會透過 graphql 去串接,但相對的開發成本也會比較高,或是用 npm package 方式在前端引入 schema,但這樣同樣也需要人力維護 package,沒關係這些我都懂!!trpc 將可以解決以上問題,想知道 trpc 是什麼的話就跟 danny 我一起討索前端新世界吧~

參賽天數 1 天 | 共 30 篇文章 | 6 人訂閱 訂閱系列文 RSS系列文
DAY 1

Day-01. 一些讓你看來很強的全端 TRPC 伴讀 - 簡介

大家好我叫 Danny ~ 目前是一個菜鳥的前端工程師,這次的 it 鐵人賽是本人第一次參賽,希望可以透過這次的內容增進自己的技術外,同時也希望可以帶給讀者有趣...

2023-09-15 ‧ 由 danny101201 分享
DAY 1

Day-02. 一些讓你看來很強的全端 TRPC 伴讀 - 初探 RPC

開始前撿到介紹 rpc 吧~ 相信大家第一次聽到 trpc 這個名詞一定會覺得跟 grpc 是不是一樣的內容,會這樣懷疑肯定是正常的,畢竟他們都是 RPC 架構...

2023-09-15 ‧ 由 danny101201 分享
DAY 1

Day-03. 一些讓你看來很強的全端 TRPC 伴讀 - T3 Stack 介紹(上)

今天開始就由小弟本人帶大家使用 trpc 摟~,為了讓大家快速感受 trpc的魅力, 這邊會推薦別人整理好的 T3 stack 做介紹,T3 stack算是筆者...

2023-09-17 ‧ 由 danny101201 分享
DAY 1

Day-04. 一些讓你看來很強的全端 TRPC 伴讀 - T3 Stack 介紹(下)

今天繼續介紹 trpc api 的部分~終於到第三天開始介紹主題了撒花!!!,今天主要教學 api 的封裝與 context 的共用。 trpc context...

2023-09-18 ‧ 由 danny101201 分享
DAY 1

Day-05. 一些讓你看來很強的全端 TRPC 伴讀 -TRPC CONTEXT

相信昨天簡單 demo trpc的使用後,多多少少應該知道他的精髓吧哈哈,今天內容會是 trpc 的 context 運作流程,與其他相關的 helper fu...

2023-09-19 ‧ 由 danny101201 分享
DAY 1

Day-06. 一些讓你看來很強的全端 TRPC 伴讀 - Define Routers

接下來的幾天會開始介紹 trpc backend 跟 client端的使用: backend 部分: Define Routers Define Proced...

2023-09-20 ‧ 由 danny101201 分享
DAY 1

Day-07. 一些讓你看來很強的全端 TRPC 伴讀 - Input / Output Validate

今天來介紹 trpc 中非常重要的功能 input/output validate ,有了 input 跟 output 我們就可以透過 type infer...

2023-09-21 ‧ 由 danny101201 分享
DAY 1

Day-08. 一些讓你看來很強的全端 TRPC 伴讀 - Context / middleware

今天來介紹 Context 跟 middleware Context 在 trpc 中你可以透過 context 去放置一些 db connection Aut...

2023-09-22 ‧ 由 danny101201 分享
DAY 1

Day-09. 一些讓你看來很強的全端 TRPC 伴讀 - prisma

今天要來介紹一個本人非常喜歡的 ORM 框架 prisma,會選擇他的原因是他是一套有 type-safe 的 ORM,同時語法也非常直觀,再加上主流在用 tr...

2023-09-23 ‧ 由 danny101201 分享
DAY 1

Day-010. 一些讓你看來很強的全端 TRPC 伴讀 - TodoList (上)

今天要來簡單 demo crud 內容摟~ 所有 demo 都會在底下的 repo ,所以各位小夥伴可以自行取用~ 🚩 code 先起一個 nextjs 專案...

2023-09-24 ‧ 由 danny101201 分享