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-011. 一些讓你看來很強的全端 TRPC 伴讀 - TodoList (下)

今天我們繼續完成剩下的部分,昨天已經完成 GET / posts 的 api,也順利接值了,今天繼續完 CREATE DELETE UPDATE 的部分。 完成...

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

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

今天要來介紹一個 trpc 一個很特的功能 Links。 Links Overview Links 他是一個 trpc 中 client 端跟 server 端...

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

Day-013. 一些讓你看來很強的全端 TRPC 伴讀 -Prefetch & Cache

今天要來講 trpc cache 機制,在 trpc 中有兩種方式 : SSR: true ,透過 getInitialProps 幫頁面做 preRene...

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

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

今天要來時做一個很酷的功能就是用 trpc 實作無限滾動~~~拍手,內容主要分兩部份 seed data 要製作無限滾動沒有大量的資料怎麼叫做無限滾動呢!!,這...

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

Day-015. 一些讓你看來很強的全端 TRPC 伴讀 -InfiniteQuery (中)

今天繼續介紹 infinite scroll 功能。 API 還記得我們 posts 資料是透過 getPosts 拿的,現在我們要來改寫 getPosts 內...

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

Day-016. 一些讓你看來很強的全端 TRPC 伴讀 -InfiniteQuery (下)

今天要來優化我們infinite scroll 的內容 新增 post 後下方內容沒有更新 如畫面所見新增資料後,每次都要重新整理你的資料才能重新獲取,那怎麼辦...

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

Day-017. 一些讓你看來很強的全端 TRPC 伴讀 -Next-Auth( install )

今天要來實作登入功能,目前登入的規劃有兩種登入方式: 一般的帳密註冊 第三方登入 那為了讓小夥伴快速實作第三方登入部分,會採用 Next-auth 這框架幫...

2023-10-01 ‧ 由 danny101201 分享
DAY 1

Day-018. 一些讓你看來很強的全端 TRPC 伴讀 -Next-Auth(schema model)

TRPC day17 tags: 2023鐵人賽 今天會開始實作 api 部分,建議讀者如果沒看昨日內容可以先去看~今天會繼續使用 新增 schema 那登入部...

2023-10-02 ‧ 由 danny101201 分享
DAY 1

Day-019. 一些讓你看來很強的全端 TRPC 伴讀 -Next-Auth( GoogleProvider )

今天要來介紹 next-auth 設定~ 正文介紹 (安裝) 開始前先安裝需要的套件 > npm install next-auth > npm i...

2023-10-03 ‧ 由 danny101201 分享
DAY 1

Day-020. 一些讓你看來很強的全端 TRPC 伴讀 -Next-Auth(CredentialsProvider)

CredentialsProvider setting CredentialsProvider 他是一個 next-auth 提供客製化帳密管理的功能搭配 n...

2023-10-04 ‧ 由 danny101201 分享