This lightning talk is about Smart and Dumb Components approach
Presented at Angular Sydney 13 Jan 2021
kuncevic.devSmart and DumbComponentsby ALIAKSEI KUNCEVIČtalk #38v 1.0 (01/13/2021)
View Slide
kuncevic.devALIAKSEI KUNCEVIČGDE | Mentorhttps://twitter.com/kuncevichttps://github.com/kuncevichttps://linkedin.com/in/kuncevic
kuncevic.dev@kuncevicCOMMUNITY📢TEACHING PODCAST🎙OSS 🤓 💻
kuncevic.dev@kuncevicNGXS Core Team
kuncevic.dev@kuncevic CREATOR💡Aurelia vs React vs Vue vs Svelte vs Ember vs Elm vs Angularfrontendwatch.com
kuncevic.devApp ModuleFeature ModulesComponentsServicesPipesetcAngular App
kuncevic.devComponentsComponent-based ArchitectureRoot Component
kuncevic.devBenefits✅ Isolation✅ Encapsulation✅ Composition
kuncevic.devSmaller Code Units↓Testability↓Maintainability↓Less bugs
kuncevic.devBest Practices
kuncevic.devSmart vs Dumb
kuncevic.devWhat are Smart and DumbComponents?
kuncevic.dev🤓 Smart🤪 Dumb 1😜 Dumb 2🙃 Dumb NSmart and Dumbdata 2data Ndata 1
kuncevic.devSmart vs DumbSmart Component Dumb CompoentProvide data to components Look and feel (html+css)Wraps components Displays data via @inputTightly coupled to the app Less coupled, reusable
kuncevic.devDEMO
kuncevic.devAKA Container and Presentational
kuncevic.devTh nk you!@kuncevic