miun.sePublikasjoner
Endre søk
RefereraExporteraLink to record
Permanent link

Direct link
Referera
Referensformat
  • apa
  • ieee
  • modern-language-association-8th-edition
  • vancouver
  • Annet format
Fler format
Språk
  • de-DE
  • en-GB
  • en-US
  • fi-FI
  • nn-NO
  • nn-NB
  • sv-SE
  • Annet språk
Fler språk
Utmatningsformat
  • html
  • text
  • asciidoc
  • rtf
React vs Angular: Slaget om användarupplevelsen
Mittuniversitetet, Fakulteten för naturvetenskap, teknik och medier, Avdelningen för informations- och kommunikationssystem.
2016 (svensk)Independent thesis Basic level (degree of Bachelor), 10 poäng / 15 hpOppgave
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.

sted, utgiver, år, opplag, sider
2016. , s. 50
Emneord [en]
React, Angular, Flux
Emneord [sv]
React, Angular, Flux
HSV kategori
Identifikatorer
URN: urn:nbn:se:miun:diva-28122Lokal ID: DT-V16-G3-021OAI: oai:DiVA.org:miun-28122DiVA, id: diva2:943807
Fag / kurs
Computer Engineering DT1
Utdanningsprogram
Computer Science TDATG 180 higher education credits
Veileder
Examiner
Tilgjengelig fra: 2016-06-28 Laget: 2016-06-28 Sist oppdatert: 2018-01-10bibliografisk kontrollert

Open Access i DiVA

fulltext(1239 kB)311 nedlastinger
Filinformasjon
Fil FULLTEXT01.pdfFilstørrelse 1239 kBChecksum SHA-512
c338da41a2d950bc75bff5b617eba295158989a4e455716708670e0e75f5d591926a5293235b72b9443a0fa66ea656f0b90c941b060f247ecc015139ed3f2f33
Type fulltextMimetype application/pdf

Søk i DiVA

Av forfatter/redaktør
Alkrot, Magnus
Av organisasjonen

Søk utenfor DiVA

GoogleGoogle Scholar
Totalt: 311 nedlastinger
Antall nedlastinger er summen av alle nedlastinger av alle fulltekster. Det kan for eksempel være tidligere versjoner som er ikke lenger tilgjengelige

urn-nbn

Altmetric

urn-nbn
Totalt: 1639 treff
RefereraExporteraLink to record
Permanent link

Direct link
Referera
Referensformat
  • apa
  • ieee
  • modern-language-association-8th-edition
  • vancouver
  • Annet format
Fler format
Språk
  • de-DE
  • en-GB
  • en-US
  • fi-FI
  • nn-NO
  • nn-NB
  • sv-SE
  • Annet språk
Fler språk
Utmatningsformat
  • html
  • text
  • asciidoc
  • rtf