How to make sure the architecture of an Angular 4(2) application is correct?

Question

PHP

I have an Angular 4 application that has many similar components (with similar fields and buttons, but different data). As soon as you need to add the same functionality to all these similar components, the routine begins: a full copy-paste of the new functionality to all files, followed by changing the names of the variables. It seems to me that this is not the best implementation of the architecture. Maybe you need to make a generic component that dynamically builds the DOM?

Answer 1

Well, you can make an abstract class from which your similar components will be inherited. The general can be taken out in an abstract class.
Instead of an abstract class, you can make a class in which everything will also be common, and make it a member of the component and then pull its methods and variables.

Answer 2

https://addyosmani.com/resources/essentialjsdesign...