COMPARISON OF WEB FRONT-END ARCHITECTURES

Authors

  • Dalibor Pavičić Autor

DOI:

https://doi.org/10.24867/01BE44Pavicic

Keywords:

Evaluation, Comparison, Front-end framework, JavaScript, SPA

Abstract

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/

Published

2018-12-20

Issue

Section

Electrotechnical and Computer Engineering