This repository contains a shared architecture of 2 applications.
One written in AngularJS and the other in Angular2.
I've started this project when I wanted to compare the performance of both frameworks, on a similar task. When I realized the differences were not very noticable, I continued comparing additional factors. Such as animations done in AngularJS compared to Angular2. I also tested various methods to write sharable code and styling between 2 different apps (that define their own components and services).
In order to create a performance difference, I multiplied the resume entries (which directly affect the amount of content being bound to the DOM).
I then carried a simple, minimized for human error, test, I clicked the '2016' tag, 'email' tag, untoggled '2016', untoggled 'email' - clicks occurred when app was idle.
Clear painting and scripting improvement were noticable:
The full timeline graph of the AngularJS app:
The full timeline graph of the Angular2 app:
shared
folder contains shared modules, styling and configurations.
Additional information in the shared\README.md
For the AngularJS application I configured a webpack build.
For the Angular2, I initialized the application using angular-cli. But reconfigured the project with webpack later due to angular-cli current limitations.