miun.sePublikationer
Ändra sökning
RefereraExporteraLänk till posten
Permanent länk

Direktlänk
Referera
Referensformat
  • apa
  • ieee
  • modern-language-association-8th-edition
  • vancouver
  • Annat format
Fler format
Språk
  • de-DE
  • en-GB
  • en-US
  • fi-FI
  • nn-NO
  • nn-NB
  • sv-SE
  • Annat 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 (Svenska)Självständigt arbete på grundnivå (kandidatexamen), 10 poäng / 15 hpStudentuppsats (Examensarbete)
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.

Ort, förlag, år, upplaga, sidor
2016. , s. 50
Nyckelord [en]
React, Angular, Flux
Nyckelord [sv]
React, Angular, Flux
Nationell ämneskategori
Programvaruteknik
Identifikatorer
URN: urn:nbn:se:miun:diva-28122Lokalt ID: DT-V16-G3-021OAI: oai:DiVA.org:miun-28122DiVA, id: diva2:943807
Ämne / kurs
Datateknik DT1
Utbildningsprogram
Datateknik TDATG 180 hp
Handledare
Examinatorer
Tillgänglig från: 2016-06-28 Skapad: 2016-06-28 Senast uppdaterad: 2018-01-10Bibliografiskt granskad

Open Access i DiVA

fulltext(1239 kB)305 nedladdningar
Filinformation
Filnamn FULLTEXT01.pdfFilstorlek 1239 kBChecksumma SHA-512
c338da41a2d950bc75bff5b617eba295158989a4e455716708670e0e75f5d591926a5293235b72b9443a0fa66ea656f0b90c941b060f247ecc015139ed3f2f33
Typ fulltextMimetyp application/pdf

Sök vidare i DiVA

Av författaren/redaktören
Alkrot, Magnus
Av organisationen
Avdelningen för informations- och kommunikationssystem
Programvaruteknik

Sök vidare utanför DiVA

GoogleGoogle Scholar
Totalt: 305 nedladdningar
Antalet nedladdningar är summan av nedladdningar för alla fulltexter. Det kan inkludera t.ex tidigare versioner som nu inte längre är tillgängliga.

urn-nbn

Altmetricpoäng

urn-nbn
Totalt: 1628 träffar
RefereraExporteraLänk till posten
Permanent länk

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