時間從結訓後剛學會 Tailwind 的時刻，快轉到現在，也就是我的第二間公司，我正接手公司內幾個蠻久又複雜的前台專案，實在讓我苦不堪言啊啊啊啊QQ，原因簡單來說有幾項：

1. 使用 Adaptive Website Design(AWD)，而且桌機和手機不只有 Layout 上的差異，甚至路由也不一樣，可能在桌機版是一個頁面，在手機版卻是一個元件。
2. 這些老專案累積的 SCSS 檔案又多又長，有時用 !important 覆蓋，有時又會直接寫在行內 style。

這兩個問題造就我只是要修改一個小小的樣式，就必須花大量的時間搜尋、確認、嘗試修改，還不確定會不會影響到專案中其他頁面的樣式。你可能會問，難道沒想要花時間好好整理嗎？我只能無奈的說：這是接案公司的原罪，沒時間啊啊啊啊啊><大多數時後，我手上同時會有兩三個專案同時進行，心有餘而力不足之外，覺得很幹是一定的。而最後讓我爆炸的關鍵是，某天聽到 PM 說新的專案要直接複製這些亂亂的專案來做，理由只因為專案性質類似。一想到翻新介面設計勢在必行，我再也坐不住向 PM 和同事們進行好幾天的 murmur 和遊說，希望下一個新專案不要再拿這些專案當模板了，同時開始研究 Tailwind 能不能和公司內常用的 Ant Design 搭配使用，但結論不太理想，要蓋掉 Ant Design 元件預設樣式還是會有困難。

但我也沒煩惱幾天，我左邊的同事就帶來他開好的新專案讓我接手，他笑嘻嘻的說：「是你喜歡的 Tailwind 喔>.^ 搭配 Shadcn~」一邊閱讀文件一邊實作，心情難得愉快又激動，愉快是因為開發時客製化樣式很順利，而且能夠很好的管理或是延伸，激動的是真的有人把我的痛苦聽進去了><

先簡單說說 Shadcn 的背景，Shadcn 其實是某個 Github 專案作者的 ID，他結合 Tailwind 和 Radix UI，封裝了一套「不算是 UI 元件庫，而是元件範例」的集合，意思是所有元件都使用 Tailwind 的 class 來設計樣式，也能透過 className 或自訂組件覆蓋樣式，裡面的元件種類也很齊全，同時繼承了 Radix UI 的無障礙體驗，非常適合需要兼顧高度客製化與開發速度的專案。

今天時間所剩不多先發稿了，明天再接續説説安裝與管理～