Showcase 2018

The MEAN and MERN (Mongo, Express, Angular 2/React, Node) development stacks were used to develop two JavaScript applications. Both applications were purposely designed and developed to have the same functionality so that valid comparisons could be made between Angular 2 and React. The applications developed were sports article websites which allow users to write an article and upload an image, which are stored in a MongoDB database. Stored articles can then be viewed in a browser. Express.js was used to host the application into a web browser,and for communicating with the database. Node.js was used when building and running the applications, and was also used for installing required packages.

React vs AngularJullian

BSc [Hons] C

reative Com

puting

Engracio

A performance and stress test were carried out on the two applications. The results of the tests were discussed and in general, the React application performed faster than the Angular 2 application probably due to React’s smaller file structure compared to Angular 2. React was considered easier to learn compared to Angular 2 as React uses JSX while Angular 2 uses TypeScript.