Vue 3 Studies - Sharing State

分類 Vue

當我們在呼叫 API 後,通常會有很多後續的功能接續運作,例如:更換狀態、顯示錯誤訊息、使用 try catch blocks 等等。來看看這個搜尋範例是怎麼把程式碼抽取出來。

繼續閱讀

最近 10 月份 Figma 團隊出的 Interative Components Youtube 教學影片,讓我對這個新功能感到很興奮。簡單來說,就是 Checkbox, Radio, Switch… 等元件,可以製作獨立的動畫,讓 user 透過互動看到切換狀態的過程。話不多說,立刻就來試試看。

繼續閱讀

Vue 3 Studies - Modularizing

分類 Vue

使用 Composition API 有兩個主要的原因,一個原因是把 component 依據功能重新組織,另一個主要原因是這些程式碼可以跨不同 component 重複利用。我們來看一下範例。

繼續閱讀

.NET 5 之後會將 dotnet 各 platform 整合起來,且 dotnet 3.1 cshtml HMR 的 extension 功能被官方強迫棄用,目前我看各方文章感覺還沒有一個很好的升級方式。要馬就是改用網友寫的 Vue-Cli,把 config 轉到 cli,要馬就是 Nuget 套件改用網友寫的。我自己參考國外文章,是有人用 Vite 做到用 index.cshtml 的 HMR: 這篇。但是因為公司內部還是有 IE 瀏覽器且 Vite 相關套件還沒有到完整,沒辦法放棄使用 webpack,只好參考這篇嘗試用 webpack HMR,很不幸的,若照文章模仿雖然 HMR 字眼有出現,但一直沒有正常作用,胡亂嘗試了一番,勉強用奇怪的方式有做到 Auto Reload,但沒有 HMR 效果就不太滿意。目前先將這些研究文章和亂試的方式記錄下來。

繼續閱讀
作者的圖片

Anny Chang

Know my limits but never stop trying to exceed them.


F2E & UI Designer


Taiwan