Lately, various programming frameworks has been developed for developing web applications. These frameworks focus on increasing the user experience by performance improvements such as faster render times and response times. One of these frameworks are React, which has introduced a completely new architectural pattern for both managing the state and data flow of an application. React also offers support for native application development and makes server-side rendering possible. Something that is difficult to accomplish with an application developed with Angular 1.5, which is used by the company Dewire today. The aim of this thesis was to compare React with an existing Angular project, in order to determine whether React could be a potential replacement for Angular. To gain knowledge about the subject, a theoretical study of web- based sources has been made. While the practical part has been to rebuild a web application with React together with the architecture Flux, which is based on a view from the Angular project. The implementation process was repeated until the view was completed and a desired data flow, as in the Angular application, was reached. The resulting React application was later compared with the Angular application developed by the company, where the outcome of the comparison showed that the React performed better than Angular in all tests. In conclusion, due to the timeframe of the project, only the most important parts of the Angular project were implemented in order to carry out the measurements that were of interest to the company. By recreating most of the functionality, or the entire Angular application, more interesting comparisons could have been done. / På senare tid har det utvecklats olika programmeringsramverk för att utveckla webbapplikationer. Dessa ramverk har fokus på att öka användarupplevelsen ytterligare med hjälp av prestandaförbättringar i form av snabbare renderings- och responstider. Ett av dessa ramverk är React, som har introducerat ett helt nytt arkitekturmönster för att både hantera applikationens tillstånd och dataflöde. React erbjuder även stöd för native applikationsutveckling och möjliggör att på ett enkelt sätt rendera från server-sidan. Något som är svårt att åstadkomma med en applikation utvecklad med Angular 1.5, som används av företaget Dewire idag. Syftet med detta examensarbete har varit att jämföra React med ett befintligt Angular projekt, för att kunna avgöra om React kan vara en potentiell ersättare till Angular. För att få kunskaper inom ämnet har en teoretisk undersökning med hjälp av webbaserade källor gjorts. Medan den praktiska delen har varit att återskapa en webbapplikation, med ramverket React tillsammans med arkitekturen Flux, som är baserad på en vy från Angular projektet. Implementeringsprocessen genomfördes iterativt tills denna vy var uppbyggd och att ett önskvärt dataflöde såsom i Angular-applikationen var uppnått. Resultatet av React-applikationen jämfördes sedan med företagets Angular-applikation, där utfallet av jämförelsen visade att React presterade bättre än Angular i samtliga tester. Som slutsats, på grund av projektets tidsram, implementerades endast de viktigaste delarna av Angular projektet för att genomföra de mätningar som var intressanta för företaget. Genom att återskapa större delen av funktionaliteten, alternativt hela Angular-applikationen, hade fler intressanta jämförelser kunnat utföras.
| Identifer | oai:union.ndltd.org:UPSALLA1/oai:DiVA.org:miun-28122 |
| Date | January 2016 |
| Creators | Alkrot, Magnus |
| Publisher | Mittuniversitetet, Avdelningen för informations- och kommunikationssystem |
| Source Sets | DiVA Archive at Upsalla University |
| Language | Swedish |
| Detected Language | English |
| Type | Student thesis, info:eu-repo/semantics/bachelorThesis, text |
| Format | application/pdf |
| Rights | info:eu-repo/semantics/openAccess |
Page generated in 0.0019 seconds