Shadcn UI 使用心得

說明

Shadcn 算是 React 組件包，它也是 Laravel 12 腳手架預設使用的組件，如果你還在考慮，不妨先看看我的心得再做決定。

安裝難度

首先，我是使用 Laravel 框架，他的腳手架已經幫我安裝好套件了，基本上安裝相當容易，它是每個組件都有對應的安裝指令，基本上都是一個指令安裝，更新的時候就是再下一次指令即可。你可能會想說這樣是不是有多個組件要更新會很麻煩，如果你真的是追求永遠最新版，那確實會，不過我都是維護相關的組件時，才會想到要更新一下，沒有全部更新需求，如果你有這個需求，也許可以上網找看看有沒有解決辦法，我能直覺想到的就是寫一個腳本寫滿所有要更新的組件，每次都一鍵更新所有組件，但更新後沒測試我怕會有漏洞，所以我不建議這麼做。

使用難易度

使用上相當簡單，就是 import 組件，接著直接使用 <Component />，然後看有沒有參數的用，這樣就能完成大部分的需求了。

功能豐富程度

裡面的組件有點偏少，整體大概能滿足八成的需求，其他兩成我是使用其他的組件包，如果你講知道我還有使用哪個組件包，可以到我的粉絲專頁留言跟我說。

UI 風格

整體呈現黑白風格，相當對我的胃。

結論

使用簡單、方便，風格還不錯，就是組件數量有點少，功能沒有很豐富，如果裡面的組件滿足你大部分的需求，可以考慮用看看。

參考

• Shadcn 官網