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
Cross-platform Framework Comparison: Flutter & React Native
Blekinge Institute of Technology.
Blekinge Institute of Technology.
2020 (English)Independent thesis Basic level (degree of Bachelor), 10 credits / 15 HE creditsStudent thesis
Abstract [en]

The development of apps in a cross-platform framework is something that has been appearing more over the latest years. But the knowledge of knowing which of the two popular frameworks, React Native, and Flutter are most efficient when it comes to resource management and general comparisons are less known. This is what this thesis investigates.

To find out the comparisons between React Native and Flutter we created two similar apps and document the process of creating an app with the selected frameworks. To get data on the differences when developing an app with these frameworks, we made a survey to get more experienced developers' input. We then did performance tests of the apps to be able to compare the results of the respective framework. The applications we built had several similar functionalities that we used to measure the performance. We also touched on the subject of comparison between a cross-platform framework and a native framework. To do this we performed a literature review on related work to conclude the approaches.

From our result, we could conclude that the performance of the Flutter app had a slight advantage over the React Native app. But the difference was not that remarkable, and the overall development was fairly similar. There were some differences to the approaches of development when it came to less experienced developers compared to more experienced developers which we learn from our survey. More experienced developers tended to use external debugging tools, while less experienced used built-in tools such as console commands.

Finally, we want to conclude that both Flutter and React Native has their pros and cons. Both frameworks have a big community which is growing everyday, but we believe that Flutter might overtake the popularity from React Native due to its slight performance superiority.From our literature review we can conclude that both approaches has their advantages and it depends a lot on the concept of the app. When developing a more complex app, the native approach is superior. When developing smaller apps with shorter life periods, cross-platform will faster get the app on the market.

Place, publisher, year, edition, pages
2020. , p. 41
Keywords [en]
React Native, Flutter, Cross-platform
National Category
Engineering and Technology
Identifiers
URN: urn:nbn:se:bth-19749OAI: oai:DiVA.org:bth-19749DiVA, id: diva2:1440825
External cooperation
Young Fogelström
Subject / course
PA1445 Kandidatkurs i Programvaruteknik
Educational program
PAGPT Software Engineering
Supervisors
Examiners
Available from: 2020-06-15 Created: 2020-06-15 Last updated: 2020-06-15Bibliographically approved

Open Access in DiVA

Cross-platform Framework Comparison: Flutter & React Native(2244 kB)2689 downloads
File information
File name FULLTEXT01.pdfFile size 2244 kBChecksum SHA-512
c528dd17184e4465738c4a0383367e2481b9d5a8fec51bb8136748eaca193c5d18823a9ba2431831711388811a131e53b8acc21a14618e6bf0f0cd891ba57758
Type fulltextMimetype application/pdf

By organisation
Blekinge Institute of Technology
Engineering and Technology

Search outside of DiVA

GoogleGoogle Scholar
Total: 2693 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: 7997 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