鐵人檔案
用了一堆有的沒的 Design System, 有得概念ＯＫ，有的用的氣噗噗。
不如就做一個屬於自己的吧！
自己做的菜最好吃，難吃也是自己難吃
以 React 為基礎建置
開始前端的工作之後接觸了各種設計框架，從 material-ui, react-element 到 ant-design，每個都有各自的程式風格，出發點以及設...
接下來兩天我會以我目前較常使用到的設計系統框架做比較，看看主題抽換、格線系統以及組件設計與使用等差別。來感受這幾個框架的優缺，也給未來要選擇使用哪種框架的人參...
在幾個專案的嘗試後，大都還是使用 material UI ，一方面是他的組件切得夠細，堆疊性很高，每個組件處理的事情也不那麼複雜，在組件穿插使用的彈性也相對高...
有感於某日在調整Input組件時，發現自己正在做以前做過的事情，而且每換一個設計系統框架我就要再重做一個一模一樣的組件，這點其實是很可怕的。也在此時萌生了想要...
首先我們先做一個看起來好像有點一回事的Logo，如果你懶得做Logo，可以諮詢你的設計師並請他喝杯咖啡(然後付稿費)。這個單元會整理一下需要制定的項目，希望...
前一日我們建立好的規則如下圖： 接下來再將我們制定好的規則寫進設定檔，提供組件建立時讀取即可。 const theme = { colors: {...
開始之前我們先建立一個 Package 專案，主要步驟包含： Create Project Check your babel settings Add co...
接下來我們要開始建立基本的組件，其中包含: 按鈕 Button 圖標 Icon 文字 Typography 在開始設計組件之前，建議先定義好參數再開始設計會...
接下來要選擇建立主題的方式，目前我們有幾個選擇： CSS override (同 Ant-Design ) React-jss Styled-jss...
建立在 Styled Jss 下，開始來建立我們組件吧。 目前有三個樣式，filled, outline, text。我們將透過切換 type 的方式來實作，...
