鐵人檔案
記錄一下學習 Svelte 的各種心得
內容從 Svelte 5 、 SvelteKit 2 到 Svelte 生態系中的常用 library 和部署。
今天來介紹 SvelteKit 中內建的表單功能，主要的特點就是我們能夠利用 HTML 的 <form> submit 的行為來直接跟 Svelte...
之前有說過在 SvelteKit 中，在頁面 redirect 的操作都只要透過 HTML 的 <a> 即可並不需要額外的 component ，...
SvelteKit 提供了一系列 function 讓我們可以攔截特定事件並且可以對這些事件做出不同的回應，也就是類似 middleware 的概念。 主要分為...
試想一個情況，今天如果有一個表單想隨時保存使用者填寫的資料，能夠他跳去別的頁面或者不小心按到重新整理時依然能夠取回他所填的資料。 直覺來說可能會透過像是 loc...
今天來介紹一個有趣的功能「Shallow routing」，直白翻譯的話叫做「淺層路由」，所謂淺層就是相對於一般的 routing 來說他雖然更新了 URL 但...
之前在 Day19 最後的總結有提到，頁面基本上都會按照它的檔案路徑而產生路由規則及使用對應 layout ，像是如果我的檔案是 /foo/+page.svel...
今天來介紹 SvelteKit 怎麼使用環境變數（environment variables），所謂環境變數是指我們程式運行所需要的某些設定、參數或敏感資料等等...
今天來介紹如何部署 SvelteKit 的網站，基本上我們可以分成需不需要 server-side 來選擇部署的設定。 那這次的部署都是使用 Cloudflar...
之前一直沒特別說明 Svelte 中 reactivity 的細節以及如何實作的，今天就來「稍微」探討一下 Svelte 的編譯器到底做了什麼事情。 Svelt...
終於來到最後一天，今天就來分享在 Day 1 時提到的為什麼我們公司的新專案不是繼續使用 React 而是改用 Svelte 前情提要 去年年末我們團隊開始了一...