iT邦幫忙

鐵人檔案

2024 iThome 鐵人賽
回列表
自我挑戰組

30 天練成全端 Remix 大師 系列

Remix 是現代 TS 全端網頁框架,使用 React + Express,藉由 SSR 加速頁面載入速度(使用者看到的就是結果,不需要 Loading),另外他們框架也使用 loader action,讓前後端程式碼撰寫更緊密結合。

所以呢除了 Remix 本身,我也會談到一些 CDN、Edge、Database、Deploy。

現在 Remix 是由 Shopify 維護的,他們同時也在寫 React Router,如果有興趣製作超快速的 React Web App,那就 Follow me & Star me on Github 吧!

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

[D1] 為你的 SEO 在 30 天學 Remix SSR (React+Express) 吧!

嗨點進來的你,我是 Yin,歡迎來到 Remix 的世界! Remix SSR 先打預防針,Remix 是 SSR(Server Side Render) 架構...

2024-08-27 ‧ 由 Yin 分享
DAY 2

[D2] TypeScript + Vite(React) + Remix = ❤️

TypeScript 在寫 JavaScript 的時候,你會直接使用變數,不管是 const, let, var,因為沒有定義他的 type,所以可以是任何東...

2024-08-28 ‧ 由 Yin 分享
DAY 3

[D3] Remix 架構:檔案們、app/*、Route File Naming

其實所有 React 框架底子都是差不多,主要差別就是架構,今天主要介紹主要檔案們、放所有資料的 app folder,以及 route file naming...

2024-08-29 ‧ 由 Yin 分享
DAY 4

[D4] Remix Loader

好我覺得前面真的是在水,你們可以看看 Remix Tutorial,如果熟悉 React 跟 SSR 應該 30 分鐘真的可以完成,我的話當時因為真的不太熟,是...

2024-08-30 ‧ 由 Yin 分享
DAY 5

[D5] Remix Action

Remix Action 與 Loader 一樣是伺服器端運行的程式碼,一樣可以取得 { request, params }。不同的地方只有名字跟 Method...

2024-08-31 ‧ 由 Yin 分享
DAY 6

[D6] Tailwind CSS + shadcn/ui = 😃

今天加速一下🚀 Tailwind & shadcn Inline class 在 React 的世界,因為在 JSX 中寫 CSS 非常不方便,所以在...

2024-09-01 ‧ 由 Yin 分享