Cross-platform Framework Comparison : Flutter & React Native

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...

Full description

Bibliographic Details
Main Authors: Stender, Simon, Åkesson, Hampus
Format: Others
Language:English
Published: Blekinge Tekniska Högskola 2020
Subjects:
Online Access:http://urn.kb.se/resolve?urn=urn:nbn:se:bth-19749
id ndltd-UPSALLA1-oai-DiVA.org-bth-19749
record_format oai_dc
spelling ndltd-UPSALLA1-oai-DiVA.org-bth-197492020-06-16T03:32:41ZCross-platform Framework Comparison : Flutter & React NativeengStender, SimonÅkesson, HampusBlekinge Tekniska HögskolaBlekinge Tekniska Högskola2020React NativeFlutterCross-platformEngineering and TechnologyTeknik och teknologierThe 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. Student thesisinfo:eu-repo/semantics/bachelorThesistexthttp://urn.kb.se/resolve?urn=urn:nbn:se:bth-19749application/pdfinfo:eu-repo/semantics/openAccess
collection NDLTD
language English
format Others
sources NDLTD
topic React Native
Flutter
Cross-platform
Engineering and Technology
Teknik och teknologier
spellingShingle React Native
Flutter
Cross-platform
Engineering and Technology
Teknik och teknologier
Stender, Simon
Åkesson, Hampus
Cross-platform Framework Comparison : Flutter & React Native
description 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.
author Stender, Simon
Åkesson, Hampus
author_facet Stender, Simon
Åkesson, Hampus
author_sort Stender, Simon
title Cross-platform Framework Comparison : Flutter & React Native
title_short Cross-platform Framework Comparison : Flutter & React Native
title_full Cross-platform Framework Comparison : Flutter & React Native
title_fullStr Cross-platform Framework Comparison : Flutter & React Native
title_full_unstemmed Cross-platform Framework Comparison : Flutter & React Native
title_sort cross-platform framework comparison : flutter & react native
publisher Blekinge Tekniska Högskola
publishDate 2020
url http://urn.kb.se/resolve?urn=urn:nbn:se:bth-19749
work_keys_str_mv AT stendersimon crossplatformframeworkcomparisonflutterampreactnative
AT akessonhampus crossplatformframeworkcomparisonflutterampreactnative
_version_ 1719320222531321856