Jullian Engracio
Creative Computing / Year 4

alt_text
Jullian Engracio

Jullian Engracio

Creative Computing

Year 4

  • Project Title A comparison of the React and Angular 2 JavaScript frameworks
  • Course BSc [Hons] Creative Computing
  • Year 4
  • Contact Info julzengracio24@gmail.com

React vs Angular 2 JavaScript Frameworks

The objective of the project is to research and analyse the differences between two commonly used JavaScript frameworks, namely Angular 2 and React. Research was carried out to find out the advantages, disadvantages, features, benefits, and development differences between the two frameworks. To achieve this, two sports article applications were developed one using the MEAN development stack, which features Angular 2 and another using the MERN development stack, which features React.

Project Description

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 functionalities so that valid comparisons could be made between Angular 2 and React. The applications developed were sports article website which allows users to write an article and upload an image, which are stored in a Mongo 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. It was also used for installing packages necessary for the functionalities implemented in the project. Users will also be able to delete and edit these articles if desired.

Project Findings

Performance and stress testing was carried out on the two applications. The results of the tests showed in general that the React application performed faster than the Angular 2 application. This was probably due to React’s file structure being smaller compared to Angular 2. In addition, React was considered easier to learn than Angular 2. React uses JSX as its development language while Angular 2 uses TypeScript. JSX consists of JavaScript along with HTML tags while TypeScript is JavaScript and is more challenging to learn.

Jullian Engracio
Creative Computing / Year 4