Change search
CiteExportLink to record
Permanent link

Direct link
Cite
Citation style
  • apa
  • ieee
  • modern-language-association-8th-edition
  • vancouver
  • Other style
More styles
Language
  • de-DE
  • en-GB
  • en-US
  • fi-FI
  • nn-NO
  • nn-NB
  • sv-SE
  • Other locale
More languages
Output format
  • html
  • text
  • asciidoc
  • rtf
React vs Angular: Slaget om användarupplevelsen
Mid Sweden University, Faculty of Science, Technology and Media, Department of Information and Communication systems.
2016 (Swedish)Independent thesis Basic level (degree of Bachelor), 10 credits / 15 HE creditsStudent thesis
Abstract [en]

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.

Abstract [sv]

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.

Place, publisher, year, edition, pages
2016. , 50 p.
Keyword [en]
React, Angular, Flux
Keyword [sv]
React, Angular, Flux
National Category
Software Engineering
Identifiers
URN: urn:nbn:se:miun:diva-28122Local ID: DT-V16-G3-021OAI: oai:DiVA.org:miun-28122DiVA: diva2:943807
Subject / course
Computer Engineering DT1
Educational program
Computer Science TDATG 180 higher education credits
Supervisors
Examiners
Available from: 2016-06-28 Created: 2016-06-28 Last updated: 2016-06-28Bibliographically approved

Open Access in DiVA

fulltext(1239 kB)165 downloads
File information
File name FULLTEXT01.pdfFile size 1239 kBChecksum SHA-512
c338da41a2d950bc75bff5b617eba295158989a4e455716708670e0e75f5d591926a5293235b72b9443a0fa66ea656f0b90c941b060f247ecc015139ed3f2f33
Type fulltextMimetype application/pdf

Search in DiVA

By author/editor
Alkrot, Magnus
By organisation
Department of Information and Communication systems
Software Engineering

Search outside of DiVA

GoogleGoogle Scholar
Total: 165 downloads
The number of downloads is the sum of all downloads of full texts. It may include eg previous versions that are now no longer available

urn-nbn

Altmetric score

urn-nbn
Total: 1140 hits
CiteExportLink to record
Permanent link

Direct link
Cite
Citation style
  • apa
  • ieee
  • modern-language-association-8th-edition
  • vancouver
  • Other style
More styles
Language
  • de-DE
  • en-GB
  • en-US
  • fi-FI
  • nn-NO
  • nn-NB
  • sv-SE
  • Other locale
More languages
Output format
  • html
  • text
  • asciidoc
  • rtf