[筆記] 哎呀！不小心刻了一套 React UI 元件庫 25 – Skeleton

近期為了熟悉元件 Component 的客製化，便參照「哎呀！不小心刻了一套 React UI 元件庫」一書進行練習。這篇筆記下 Skeleton 的實踐方法。

---

[ Repo ]：https://github.com/andy922200/practice-storybook-react

---

內容

概念

1. 可以是單純色塊
2. 若要加上動畫的話，簡易的話就是 opacity 改變而成的閃爍，或是光暈移動 (用漸層光暈移動，然後超過用 overflow: hidden 隱藏)
3. Skeleton 本身就如同不同形式的基本積木，你可以在外部將其包裝、排列、調整大小尺寸

---

程式碼

https://github.com/andy922200/practice-storybook-react/commit/9972ebc368ec706d1b1bc4ed31fc074b6a50972c

---

相關文章

按讚加入粉絲團

延伸閱讀

• [筆記] HTML Input Date 最小值 最大值於 Safari 上失效
• [筆記] Vue3 元件更新 Component Update
• [筆記] 程式必修課！資料結構與演算法｜JavaScript 篇 – 34
• [筆記] 程式必修課！資料結構與演算法｜JavaScript 篇 – 35
• [筆記] The Linux Command Line: A complete Introduction 指令大全心得 – 14