shadcn/ui
Összefoglalás
Miért shadcn/ui: saját kód, Radix+Tailwind, variánsok, rétegelt testreszabás és ajánlott következő lépések.
Összefoglalás
A shadcn/ui lényege: a komponensek kódja a te projektedben van, így production-ben is teljes kontrollod van a UI felett.
Miért érdemes használni?
- gyors: percek alatt kapsz jó minőségű komponenseket
- kontroll: nincs upstream „lock-in”
- minőség: Radix UI akadálymentesség + Tailwind rugalmasság
- TS: típusbiztonság
Legfontosabb elvek
| Elv | Magyarázat |
|---|---|
| Kód a tiéd | generált kód a repóban |
| Rétegelt felépítés | ui/ alap, shared/forms app réteg |
| Variánsok | cva + design tokenek |
| Következetesség | cn merge + konvenciók |
Következő lépések
init, majd alap komponensek hozzáadása (button/card/input/dialog)- React Hook Form + Zod integráció formokhoz
- Saját wrapper komponensek kialakítása