L'obiettivo del capitolo è quello di imparare a progettare componenti altamente riutilizzabili e ben isolati.
Partiamo da semplici componenti e passo dopo passo creiamo componenti sempre più complessi, non solo con lo scopo di creare codice riutilizzabile ma anche quello di usare nuove API, strategie e pattern del framework
- Esploriamo l’importanza della separazione dei compiti e del design modulare, creando componenti con interfacce semplici e intuitive.
- Creiamo molti componenti riutilizzabili (tipici di ogni UIKIT): Card, TabBar, Placeholders, Maps, Accordions, Typography e molto altro.
- Utilizzo dei più recenti pattern e funzionalità del framework
- Instanziare e creare componenti e UI a runtime
- Utilizzo avanzato di Types e Generics in TypeScript
Ogni componente è stato pensato per mostrarvi differenti tecniche ed API.
Quindi non sottovalutate anche le pagine in cui descrivo componenti semplici perché sono certo troverete qualche trick interessante e scoprirete diversi strumenti offerti dalle versioni più recenti del framework
Tailwind e Daisy UI
Per il CSS dei componenti utilizziamo Tailwind and DaisyUI ma potete tranquillamente utilizzare CSS nativo o il framework CSS che preferite
# Alcuni esempi
src/app.component.ts
