Cross platform mobile application development a comparison study of React Native Vs Flutter

With a dramatic increase in the usage of handheld devices such as smartphones and tablets, it became a matter of existence for businesses if they do not deliver their services to address mobile users. One critical problem for businesses to address these massively growing users is the diversity of mo...

Full description

Bibliographic Details
Main Author: Fentaw, Awel Eshetu
Other Authors: Informaatioteknologian tiedekunta, Faculty of Information Technology, Informaatioteknologia, Information Technology, Jyväskylän yliopisto, University of Jyväskylä
Format: Master's thesis
Language:eng
Published: 2020
Subjects:
Online Access: https://jyx.jyu.fi/handle/123456789/70969
_version_ 1826225754848886784
author Fentaw, Awel Eshetu
author2 Informaatioteknologian tiedekunta Faculty of Information Technology Informaatioteknologia Information Technology Jyväskylän yliopisto University of Jyväskylä
author_facet Fentaw, Awel Eshetu Informaatioteknologian tiedekunta Faculty of Information Technology Informaatioteknologia Information Technology Jyväskylän yliopisto University of Jyväskylä Fentaw, Awel Eshetu Informaatioteknologian tiedekunta Faculty of Information Technology Informaatioteknologia Information Technology Jyväskylän yliopisto University of Jyväskylä
author_sort Fentaw, Awel Eshetu
datasource_str_mv jyx
description With a dramatic increase in the usage of handheld devices such as smartphones and tablets, it became a matter of existence for businesses if they do not deliver their services to address mobile users. One critical problem for businesses to address these massively growing users is the diversity of mobile platforms that users prefer to use. Businesses need to find a way for their service to run in different mobile platforms using a single code base or very minimal platform specific tweaks. Hence cross-platform mobile application development comes to the rescue. Among the widely used cross-platform mobile application development kits are React Native and Flutter. React Native is an open-source mobile application development framework created by Facebook. Developers can develop applications for mobile and web by using React. React is a declarative, component-based JavaScript library for building user interfaces (UI). Another important UI toolkit is Flutter. Flutter is Google’s UI toolkit for developing natively compiled applications for mobile, web and desktop from a single code base written using Dart. This thesis presents a comparison study of two widely used cross-platform mobile application development kits. It starts by discussing common application development methodologies. Following that, this thesis details mobile application development approaches with high emphasis on cross-platform mobile application development using React Native and Flutter. There is an implementation of COVID-19 tracking application which consumes REST (Representational State ii Transfer) API (Application Programming Interface) from nubentos [3] and coronavirus open API [43]. The application is developed using React Native and Flutter which will be used for performance analysis and comparison between the two applications running on Android and iOS platforms.
first_indexed 2024-09-11T08:50:02Z
format Pro gradu
free_online_boolean 1
fullrecord [{"key": "dc.contributor.advisor", "value": "Khriyenko , Oleksiy", "language": "", "element": "contributor", "qualifier": "advisor", "schema": "dc"}, {"key": "dc.contributor.author", "value": "Fentaw, Awel Eshetu", "language": "", "element": "contributor", "qualifier": "author", "schema": "dc"}, {"key": "dc.date.accessioned", "value": "2020-06-29T09:13:23Z", "language": null, "element": "date", "qualifier": "accessioned", "schema": "dc"}, {"key": "dc.date.available", "value": "2020-06-29T09:13:23Z", "language": null, "element": "date", "qualifier": "available", "schema": "dc"}, {"key": "dc.date.issued", "value": "2020", "language": "", "element": "date", "qualifier": "issued", "schema": "dc"}, {"key": "dc.identifier.uri", "value": "https://jyx.jyu.fi/handle/123456789/70969", "language": null, "element": "identifier", "qualifier": "uri", "schema": "dc"}, {"key": "dc.description.abstract", "value": "With a dramatic increase in the usage of handheld devices such as smartphones and tablets, it became a matter of existence for businesses if they do not deliver their services to address mobile users. One critical problem for businesses to address these massively growing users is the diversity of mobile platforms that users prefer to use. Businesses need to find a way for their service to run in different mobile platforms using a single code base or very minimal platform specific tweaks. Hence cross-platform mobile application development comes to the rescue. \nAmong the widely used cross-platform mobile application development kits are React Native and Flutter. React Native is an open-source mobile application development framework created by Facebook. Developers can develop applications for mobile and web by using React. React is a declarative, component-based JavaScript library for building user interfaces (UI). Another important UI toolkit is Flutter. Flutter is Google\u2019s UI toolkit for developing natively compiled applications for mobile, web and desktop from a single code base written using Dart. \nThis thesis presents a comparison study of two widely used cross-platform mobile application development kits. It starts by discussing common application development methodologies. Following that, this thesis details mobile application development approaches with high emphasis on cross-platform mobile application development using React Native and Flutter. There is an implementation of COVID-19 tracking application which consumes REST (Representational State \n\n \nii \n \nTransfer) API (Application Programming Interface) from nubentos [3] and coronavirus open API [43]. The application is developed using React Native and Flutter which will be used for performance analysis and comparison between the two applications running on Android and iOS platforms.", "language": "en", "element": "description", "qualifier": "abstract", "schema": "dc"}, {"key": "dc.description.provenance", "value": "Submitted by Miia Hakanen (mihakane@jyu.fi) on 2020-06-29T09:13:23Z\nNo. of bitstreams: 0", "language": "en", "element": "description", "qualifier": "provenance", "schema": "dc"}, {"key": "dc.description.provenance", "value": "Made available in DSpace on 2020-06-29T09:13:23Z (GMT). No. of bitstreams: 0\n Previous issue date: 2020", "language": "en", "element": "description", "qualifier": "provenance", "schema": "dc"}, {"key": "dc.format.extent", "value": "98", "language": "", "element": "format", "qualifier": "extent", "schema": "dc"}, {"key": "dc.format.mimetype", "value": "application/pdf", "language": null, "element": "format", "qualifier": "mimetype", "schema": "dc"}, {"key": "dc.language.iso", "value": "eng", "language": null, "element": "language", "qualifier": "iso", "schema": "dc"}, {"key": "dc.rights", "value": "In Copyright", "language": "en", "element": "rights", "qualifier": null, "schema": "dc"}, {"key": "dc.subject.other", "value": "Application development", "language": "", "element": "subject", "qualifier": "other", "schema": "dc"}, {"key": "dc.subject.other", "value": "Mobile application", "language": "", "element": "subject", "qualifier": "other", "schema": "dc"}, {"key": "dc.subject.other", "value": "React Native", "language": "", "element": "subject", "qualifier": "other", "schema": "dc"}, {"key": "dc.subject.other", "value": "Flutter", "language": "", "element": "subject", "qualifier": "other", "schema": "dc"}, {"key": "dc.subject.other", "value": "Cross-platform application", "language": "", "element": "subject", "qualifier": "other", "schema": "dc"}, {"key": "dc.subject.other", "value": "Performance", "language": "", "element": "subject", "qualifier": "other", "schema": "dc"}, {"key": "dc.subject.other", "value": "Native application", "language": "", "element": "subject", "qualifier": "other", "schema": "dc"}, {"key": "dc.title", "value": "Cross platform mobile application development : a comparison study of React Native Vs Flutter", "language": "", "element": "title", "qualifier": null, "schema": "dc"}, {"key": "dc.type", "value": "master thesis", "language": null, "element": "type", "qualifier": null, "schema": "dc"}, {"key": "dc.identifier.urn", "value": "URN:NBN:fi:jyu-202006295155", "language": "", "element": "identifier", "qualifier": "urn", "schema": "dc"}, {"key": "dc.type.ontasot", "value": "Pro gradu -tutkielma", "language": "fi", "element": "type", "qualifier": "ontasot", "schema": "dc"}, {"key": "dc.type.ontasot", "value": "Master\u2019s thesis", "language": "en", "element": "type", "qualifier": "ontasot", "schema": "dc"}, {"key": "dc.contributor.faculty", "value": "Informaatioteknologian tiedekunta", "language": "fi", "element": "contributor", "qualifier": "faculty", "schema": "dc"}, {"key": "dc.contributor.faculty", "value": "Faculty of Information Technology", "language": "en", "element": "contributor", "qualifier": "faculty", "schema": "dc"}, {"key": "dc.contributor.department", "value": "Informaatioteknologia", "language": "fi", "element": "contributor", "qualifier": "department", "schema": "dc"}, {"key": "dc.contributor.department", "value": "Information Technology", "language": "en", "element": "contributor", "qualifier": "department", "schema": "dc"}, {"key": "dc.contributor.organization", "value": "Jyv\u00e4skyl\u00e4n yliopisto", "language": "fi", "element": "contributor", "qualifier": "organization", "schema": "dc"}, {"key": "dc.contributor.organization", "value": "University of Jyv\u00e4skyl\u00e4", "language": "en", "element": "contributor", "qualifier": "organization", "schema": "dc"}, {"key": "dc.subject.discipline", "value": "Tietotekniikka", "language": "fi", "element": "subject", "qualifier": "discipline", "schema": "dc"}, {"key": "dc.subject.discipline", "value": "Mathematical Information Technology", "language": "en", "element": "subject", "qualifier": "discipline", "schema": "dc"}, {"key": "yvv.contractresearch.funding", "value": "0", "language": "", "element": "contractresearch", "qualifier": "funding", "schema": "yvv"}, {"key": "dc.type.coar", "value": "http://purl.org/coar/resource_type/c_bdcc", "language": null, "element": "type", "qualifier": "coar", "schema": "dc"}, {"key": "dc.rights.accesslevel", "value": "openAccess", "language": null, "element": "rights", "qualifier": "accesslevel", "schema": "dc"}, {"key": "dc.type.publication", "value": "masterThesis", "language": null, "element": "type", "qualifier": "publication", "schema": "dc"}, {"key": "dc.subject.oppiainekoodi", "value": "602", "language": "", "element": "subject", "qualifier": "oppiainekoodi", "schema": "dc"}, {"key": "dc.subject.yso", "value": "mobiilisovellukset", "language": null, "element": "subject", "qualifier": "yso", "schema": "dc"}, {"key": "dc.subject.yso", "value": "sovellusohjelmat", "language": null, "element": "subject", "qualifier": "yso", "schema": "dc"}, {"key": "dc.subject.yso", "value": "ohjelmistokehitys", "language": null, "element": "subject", "qualifier": "yso", "schema": "dc"}, {"key": "dc.subject.yso", "value": "JavaScript", "language": null, "element": "subject", "qualifier": "yso", "schema": "dc"}, {"key": "dc.subject.yso", "value": "k\u00e4ytt\u00f6liittym\u00e4t", "language": null, "element": "subject", "qualifier": "yso", "schema": "dc"}, {"key": "dc.subject.yso", "value": "mobiililaitteet", "language": null, "element": "subject", "qualifier": "yso", "schema": "dc"}, {"key": "dc.subject.yso", "value": "Android", "language": null, "element": "subject", "qualifier": "yso", "schema": "dc"}, {"key": "dc.subject.yso", "value": "ohjelmointi", "language": null, "element": "subject", "qualifier": "yso", "schema": "dc"}, {"key": "dc.subject.yso", "value": "mobile apps", "language": null, "element": "subject", "qualifier": "yso", "schema": "dc"}, {"key": "dc.subject.yso", "value": "applications (computer programmes)", "language": null, "element": "subject", "qualifier": "yso", "schema": "dc"}, {"key": "dc.subject.yso", "value": "software development", "language": null, "element": "subject", "qualifier": "yso", "schema": "dc"}, {"key": "dc.subject.yso", "value": "JavaScript", "language": null, "element": "subject", "qualifier": "yso", "schema": "dc"}, {"key": "dc.subject.yso", "value": "user interfaces", "language": null, "element": "subject", "qualifier": "yso", "schema": "dc"}, {"key": "dc.subject.yso", "value": "mobile devices", "language": null, "element": "subject", "qualifier": "yso", "schema": "dc"}, {"key": "dc.subject.yso", "value": "Android", "language": null, "element": "subject", "qualifier": "yso", "schema": "dc"}, {"key": "dc.subject.yso", "value": "programming", "language": null, "element": "subject", "qualifier": "yso", "schema": "dc"}, {"key": "dc.format.content", "value": "fulltext", "language": null, "element": "format", "qualifier": "content", "schema": "dc"}, {"key": "dc.rights.url", "value": "https://rightsstatements.org/page/InC/1.0/", "language": null, "element": "rights", "qualifier": "url", "schema": "dc"}, {"key": "dc.type.okm", "value": "G2", "language": null, "element": "type", "qualifier": "okm", "schema": "dc"}]
id jyx.123456789_70969
language eng
last_indexed 2025-02-18T10:56:24Z
main_date 2020-01-01T00:00:00Z
main_date_str 2020
online_boolean 1
online_urls_str_mv {"url":"https:\/\/jyx.jyu.fi\/bitstreams\/24550519-64fd-4888-bed5-90337e387624\/download","text":"URN:NBN:fi:jyu-202006295155.pdf","source":"jyx","mediaType":"application\/pdf"}
publishDate 2020
record_format qdc
source_str_mv jyx
spellingShingle Fentaw, Awel Eshetu Cross platform mobile application development : a comparison study of React Native Vs Flutter Application development Mobile application React Native Flutter Cross-platform application Performance Native application Tietotekniikka Mathematical Information Technology 602 mobiilisovellukset sovellusohjelmat ohjelmistokehitys JavaScript käyttöliittymät mobiililaitteet Android ohjelmointi mobile apps applications (computer programmes) software development user interfaces mobile devices programming
title Cross platform mobile application development : a comparison study of React Native Vs Flutter
title_full Cross platform mobile application development : a comparison study of React Native Vs Flutter
title_fullStr Cross platform mobile application development : a comparison study of React Native Vs Flutter Cross platform mobile application development : a comparison study of React Native Vs Flutter
title_full_unstemmed Cross platform mobile application development : a comparison study of React Native Vs Flutter Cross platform mobile application development : a comparison study of React Native Vs Flutter
title_short Cross platform mobile application development
title_sort cross platform mobile application development a comparison study of react native vs flutter
title_sub a comparison study of React Native Vs Flutter
title_txtP Cross platform mobile application development : a comparison study of React Native Vs Flutter
topic Application development Mobile application React Native Flutter Cross-platform application Performance Native application Tietotekniikka Mathematical Information Technology 602 mobiilisovellukset sovellusohjelmat ohjelmistokehitys JavaScript käyttöliittymät mobiililaitteet Android ohjelmointi mobile apps applications (computer programmes) software development user interfaces mobile devices programming
topic_facet 602 Android Application development Cross-platform application Flutter JavaScript Mathematical Information Technology Mobile application Native application Performance React Native Tietotekniikka applications (computer programmes) käyttöliittymät mobiililaitteet mobiilisovellukset mobile apps mobile devices ohjelmistokehitys ohjelmointi programming software development sovellusohjelmat user interfaces
url https://jyx.jyu.fi/handle/123456789/70969 http://www.urn.fi/URN:NBN:fi:jyu-202006295155
work_keys_str_mv AT fentawaweleshetu crossplatformmobileapplicationdevelopmentacomparisonstudyofreactnativevsflutter