Transitioning Angular 2 User Interface (UI) into React
Simkhada, Kumar (2017)
Simkhada, Kumar
Metropolia Ammattikorkeakoulu
2017
All rights reserved
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-201704124694
https://urn.fi/URN:NBN:fi:amk-201704124694
Tiivistelmä
The fundamental goal of this thesis was to appraise the comparison and superiority between the two most favoured front-end JavaScript framework and libraries: Angular 2 and React respectively. Moreover, this thesis is supplemented with the prototype user interface application in Angular 2.The UI thus developed was completely transitioned into React to find out the major differences between them.
The study was winded up within three major steps. The initial step in the project was done by collecting data from the developers and finding out the statistics available on the web. Secondly, the features and tools applied in the two technologies (Angular 2 and React) were analysed. Lastly, an identical User Interface application was developed in both technologies in-order to support the study.
As a result, the React was found as a powerful tool for the development of front-end user interface. Being only responsible for the View component of the application, React was found more suitable to create an interactive user interface.
The study was concluded highlighting the six major key points: Performance, Learnability, Templating, Structuring data model, Code reshuffling and Package management.In the study, it was found that React displayed dominance in major aspects. React showed superiority in terms of performance, Learnability, package management. While a tie was found when considering the code reshuffling and structuring data model. However, Angular 2 offered an edge in Templating.
The study was winded up within three major steps. The initial step in the project was done by collecting data from the developers and finding out the statistics available on the web. Secondly, the features and tools applied in the two technologies (Angular 2 and React) were analysed. Lastly, an identical User Interface application was developed in both technologies in-order to support the study.
As a result, the React was found as a powerful tool for the development of front-end user interface. Being only responsible for the View component of the application, React was found more suitable to create an interactive user interface.
The study was concluded highlighting the six major key points: Performance, Learnability, Templating, Structuring data model, Code reshuffling and Package management.In the study, it was found that React displayed dominance in major aspects. React showed superiority in terms of performance, Learnability, package management. While a tie was found when considering the code reshuffling and structuring data model. However, Angular 2 offered an edge in Templating.