Too much junk in your Angular components? Try composition instead of inheritance!
570In this video, we take a look at how to keep your components DRY (Don't Repeat Yourself) by using both an inheritance pattern and a composition pattern with services.
Get weekly content and tips exclusive to my newsletter: https://mobirony.ck.page/4a331b9076
Learn Angular with Ionic: https://ionicstart.com
Source code:
ORIGINAL: https://github.com/joshuamorony/composition-vs-inheritance
INHERITANCE: https://github.com/joshuamorony/composition-vs-inheritance/tree/inheritance
COMPOSITION 1: https://github.com/joshuamorony/composition-vs-inheritance/tree/service-composition-one
COMPOSITION 2: https://github.com/joshuamorony/composition-vs-inheritance/tree/service-composition-two
More resources:
- Dependency Inversion: https://en.wikipedia.org/wiki/Dependency_inversion_principle
- Introduce Inheritance & Object Composition: https://medium.com/cp-massive-programming/inheritance-object-composition-84c9539eeaf9
- Code Reuse in Angular with Object Composition & Inheritance: https://medium.com/cp-massive-programming/code-reuse-in-angular-with-object-composition-inheritance-c7194631e522
0:00 Introduction
1:49 Inheritance
4:08 Composition vs Inheritance
5:13 Composition
9:34 Conclusion
#angular #ionic #architecture
- More tutorials: https://eliteionic.com/
- Follow me on Twitter: https://twitter.com/joshuamorony