COMPARISON OF WEB FRONT-END ARCHITECTURES
DOI:
https://doi.org/10.24867/01BE44PavicicKeywords:
Evaluation, Comparison, Front-end framework, JavaScript, SPAAbstract
Choosing the right architecture and framework for a new or existing project may be a challenge due to the many factors that one has to consider. This paper contains a comparison of popular architectures for client web applications. The conceptual model of the front-end frameworks evaluation was defined and applied to the evaluation of three popular options: Angular, React and Elm. A demo application has been implemented by using each of them. The paper also provides guidelines for selecting the most suitable architecture and framework for the given context.
References
Robert Cecil Martin, Clean Architecture.: Prentice Hall, 2017.
Jens Neuhaus. Medium. [Online]. https://medium.com/unicorn-supplies/angular-vs-react-vs-vue-a-2017-comparison-c5c52d620176
Cory House. freeCodeCamp. [Online]. https://medium.freecodecamp.org/angular-2-versus-react-there-will-be-blood-66595faafd51
Jaakko Voutilainen, "Evaluation of Front-end JavaScript Frameworks for Master Data Management Application Development," Metropolia University of Applied Sciences, Bachelor’s Thesis 2017.
Julia Plekhanova, "Evaluating web development frameworks: Django, Ruby on Rails and CakePHP," Temple University, Philadelphia, IBIT Report 2009.
Changpil Lee, "An Evaluation Model for Application Development Frameworks for Web Applications," The Ohio State University, Columbus, Thesis 2012.
Brandon Satrom. (2018, Jan.) Telerik. [Online]. https://www.telerik.com/whitepapers/kendo-ui/choosing-the-right-javascript-framework-for-your-next-web-application
Stefan Krause. (2017) Results for js web frameworks benchmark – round 7. [Online]. http://www.stefankrause.net/js-frameworks-benchmark7/table.html
Wikipedia. [Online]. https://en.wikipedia.org/wiki/MIT_License
Open Source Initiative. [Online]. https://opensource.org/licenses/BSDplusPatent
Pete Hunt. (2013) YouTube. [Online]. https://www.youtube.com/watch?v=x7cQ3mrcKaY&t=11s
The State Of JavaScript. [Online]. https://stateofjs.com/2017/front-end/results/
Jens Neuhaus. Medium. [Online]. https://medium.com/unicorn-supplies/angular-vs-react-vs-vue-a-2017-comparison-c5c52d620176
Cory House. freeCodeCamp. [Online]. https://medium.freecodecamp.org/angular-2-versus-react-there-will-be-blood-66595faafd51
Jaakko Voutilainen, "Evaluation of Front-end JavaScript Frameworks for Master Data Management Application Development," Metropolia University of Applied Sciences, Bachelor’s Thesis 2017.
Julia Plekhanova, "Evaluating web development frameworks: Django, Ruby on Rails and CakePHP," Temple University, Philadelphia, IBIT Report 2009.
Changpil Lee, "An Evaluation Model for Application Development Frameworks for Web Applications," The Ohio State University, Columbus, Thesis 2012.
Brandon Satrom. (2018, Jan.) Telerik. [Online]. https://www.telerik.com/whitepapers/kendo-ui/choosing-the-right-javascript-framework-for-your-next-web-application
Stefan Krause. (2017) Results for js web frameworks benchmark – round 7. [Online]. http://www.stefankrause.net/js-frameworks-benchmark7/table.html
Wikipedia. [Online]. https://en.wikipedia.org/wiki/MIT_License
Open Source Initiative. [Online]. https://opensource.org/licenses/BSDplusPatent
Pete Hunt. (2013) YouTube. [Online]. https://www.youtube.com/watch?v=x7cQ3mrcKaY&t=11s
The State Of JavaScript. [Online]. https://stateofjs.com/2017/front-end/results/
Downloads
Published
2018-12-20
Issue
Section
Electrotechnical and Computer Engineering