Research Article
BibTex RIS Cite

Comparison of Flutter and React Native Platforms

Year 2021, Volume: 12 Issue: 2, 129 - 143, 31.12.2021
https://doi.org/10.34231/iuyd.888243

Abstract

Mobile application development processes have become very important with the increasing use of mobile devices. Android and IOS operating systems, which are the most preferred mobile operating systems, have different development tools and software languages. Developing and testing and debugging the same application separately for each platform with development tools can lead to time loss and high maintenance costs. Cross-platform software that provides testing and development for different operating systems at the same time offer an alternative structure to these processes. Cross-platform software accelerates software processes and provides advantages by reducing application development costs. The comparison of Flutter and React Native, which are cross-platform development software will be presented in this study.

References

  • Architecture, F. (2020). Flutter Architecture. Retrieved from: https://www.javatpoint.com/flutter-architecture Access Date: 28/11/2020.
  • Boukhary, S., & Colmenares, E. (2019, December). A Clean Approach to Flutter Development through the Flutter Clean Architecture Package. IEEE, International Conference on Computational Science and Computational Intelligence (CSCI). Doi: https://doi.org/10.1109/CSCI49370.2019.00211.
  • Cheng, F. (2019). Flutter Recipes. CA: Apress.
  • Cosmina, I. (2020). Building Reactive Applications Using Spring. CA: Apress. Courses, U. (2020). Google Flutter Courses. Retrieved from: https://www.udemy.com/topic/google-flutter/ Access date: 28/11/2020. Dev, F. (2020). Flutter Developer Library: Retrieved from: https://flutter.dev/showcase Access date: 28/11/2020.
  • Developers, G. (2018). Google Developer Day at GDC 2018 Livestream. Retrieved from: https://www.youtube.com/watch?v=5wtlj_q3DjE&list=PLOU2XLYxmsIIxxDKHWd_aId_oV9hqPi7q Access date: 28/11/2020. Development, R. N. (2020). React Native Developer Library: Retrieved from: https://reactnative.dev/showcase Access date: 28/11/2020.
  • Devnot. (2020). Ionic'i Tanıyalım. Retrieved from: http://devnot.com/2016/hibrit-uygulama-catisi-ionic-i-taniyalim Access date: 28/11/2020.
  • Eisenman, B. (2015). Learning React Native: Building Native Mobile Apps with Javascript. CA: O'Reilly Media Inc.
  • Flutter (2018). Technical Overview. Retrieved from: https://flutter.dev/docs/resources/technical-overview Access date: 28/11/2020.
  • Frachet, M. (2020). Understanding The React Native Bridge Concept: Retrieved from: https://hackernoon.com/understanding-react-native-bridge-concept-e9526066ddb8 Access date: 28/11/2020.
  • Gerasimov, V., Bilovol, S., & Ivanova, K. (2015). Comparative Analysis Between Xamarin and Phonegap For .Net. System technologies, 96. GitHub. (2020). A Small Place to Discover Languages in Github. https://madnight.github.io/githut/#/issues/2020/2 Access Date: 28/11/2020.
  • Goadrich, M. H., & Rogers, M. P. (2011). Smart Smartphone Development: Ios Versus Android. Paper presented at the Proceedings of the 42nd ACM technical symposium on computer science education, New York: USA.
  • Issues, G. F. (2020). Want To Contribute to Flutter / Flutter? https://github.com/flutter/flutter/issues Erişim tarihi: 28/11/2020.
  • Javatpoint. (2020). What is Xamarin: Retrieved from: https://www.javatpoint.com/what-is-xamarin Access date: 28/11/2020.
  • Kaur, L., & Mishra, A. (2019). Cognitive Complexity as A Quantifier of Version to Version Java-Based Source Code Change: An Empirical Probe. Information and Software Technology, 106, 31-48.
  • Keskin, N. Ö., & Kılınç, H. (2015). Mobil Öğrenme Uygulamalarına Yönelik Geliştirme Platformlarının Karşılaştırılması ve Örnek Uygulamalar. Açıköğretim Uygulamaları ve Araştırmaları Dergisi, 1(3), 68-90. Kuzmin, N., Ignatiev, K., & Grafov, D. (2020). Experience of Developing a Mobile Application Using Flutter. (pp. 571 - 575). Springer International Publishing. Doi: https://doi.org/10.1007/978-981-15-1465-4_56.
  • Native, R. (2020). React Native Retrieved from: https://reactnative.dev Access date: 28/11/2020.
  • Occhino, T. (2020). React Native: Bringing Modern Web Techniques to Mobile: Retrieved from: https://engineering.fb.com/android/react-native-bringing-modern-web-techniques-to-mobile/ Access date: 28/11/2020.
  • Packer, C., Wade, T., Diaz, M., Habjan, A., McIntyre, R., & Ancona, B. (2019, April). Implementing a mobile application for fraternity and sorority life. (784). Symposium on undergraduate research and creative expression (source), Valparaiso.
  • Payne, R. (2019). Beginning App Development with Flutter: Create Cross-Platform Mobile Apps. CA: Apress, Retrieved from https://doi.org/10.1007/978-1-4842-5181-2_2
  • PhoneGap. (2012). PhoneGap Beliefs, Goals, And Philosophy. https://blog.phonegap.com/phonegap-beliefs-goals-and-philosophy-dc9d1f7d7aca Erişim tarihi: 28/11/2020.
  • Singh, T., & Bhardwaj, R. (2019). Fuchsia OS-A Threat to Android. IITM Journal of Management and IT, 10(1), 65-67. Stackoverflow. (2019). Developer Survey Results. Retrieved from: https://insights.stackoverflow.com/survey/2019 Access date: 28/11/2020. Stackoverflow. (2020). Stack Overflow Trends. Retrieved from: https://insights.stackoverflow.com/survey/2019#technology Access date: 28/11/2020.
  • Team, W. A. (2020). React Native on the Universal Windows Platform: Retrieved from: https://blogs.windows.com/windowsdeveloper/2016/04/13/react-native-on-the-universal-windows-platform/ Access date: 28/11/2020.
  • Trends. (2020a). Tag Trends. http://sotagtrends.com/?tags=ionic-framework+react-native+flutter+xamarin&relative=false Access Date: 28/11/2020. Trends. (2020b). React native - flutter comparison. (d). https://trends.google.com/trends/explore?q=React%20Native,Flutter Access Date: 28/11/2020. Vasilescu, B., Filkov, V., & Serebrenik, A. (2013). Stackoverflow and Github: Associations Between Software Development and Crowdsourced Knowledge. 2013 International Conference on Social Computing, 188-195.
  • Vilček, T., & Jakopec, T. (2017). Comparative Analysis of Tools for Development of Native and Hybrid Mobile Applications. Paper presented at the 2017 40th International Convention on Information and Communication Technology, Electronics and Microelectronics (MIPRO), Rijeka: Croatia.
  • Yatsenko, R., Obodiak, V., & Yatsenko, V. (2019). Comparative Analysis of Cross-Platform Frameworks for Mobile Applications Development. The Art of Scientific Mind, (4), 132-136.
  • Zammetti, F. (2019). Flutter: A Gentle Introduction. APress, CA: Apress.

Flutter ve React Native Platformlarının Karşılaştırılması

Year 2021, Volume: 12 Issue: 2, 129 - 143, 31.12.2021
https://doi.org/10.34231/iuyd.888243

Abstract

Artan mobil cihaz kullanımı ile birlikte mobil uygulamaları geliştirme süreçleri de oldukça önemli hale gelmiştir. Mobil işletim sistemlerinden en çok tercih edilen Android ve IOS işletim sistemleri farklı geliştirme araçları ve yazılım dillerine sahiptir. Geliştirme araçları ile her platform için ayrı olarak, aynı uygulamayı geliştirmek ve test ederek yayınlamak zaman kaybına ve yüksek bakım maliyetlerine yol açabilmektedir. Farklı işletim sistemleri için aynı anda test ve geliştirme olanağı sağlayan çapraz yazılım platformları bu süreçlere alternatif yapı sunmaktadır. Çapraz yazılım platformları yazılım süreçlerini hızlandırırken, uygulama geliştirme maliyetlerini düşürerek avantajlar sağlamaktadır. Bu çalışmada çapraz yazılım geliştirme platformlarından olan Flutter ve React Native’in karşılaştırılması sunulacaktır.

References

  • Architecture, F. (2020). Flutter Architecture. Retrieved from: https://www.javatpoint.com/flutter-architecture Access Date: 28/11/2020.
  • Boukhary, S., & Colmenares, E. (2019, December). A Clean Approach to Flutter Development through the Flutter Clean Architecture Package. IEEE, International Conference on Computational Science and Computational Intelligence (CSCI). Doi: https://doi.org/10.1109/CSCI49370.2019.00211.
  • Cheng, F. (2019). Flutter Recipes. CA: Apress.
  • Cosmina, I. (2020). Building Reactive Applications Using Spring. CA: Apress. Courses, U. (2020). Google Flutter Courses. Retrieved from: https://www.udemy.com/topic/google-flutter/ Access date: 28/11/2020. Dev, F. (2020). Flutter Developer Library: Retrieved from: https://flutter.dev/showcase Access date: 28/11/2020.
  • Developers, G. (2018). Google Developer Day at GDC 2018 Livestream. Retrieved from: https://www.youtube.com/watch?v=5wtlj_q3DjE&list=PLOU2XLYxmsIIxxDKHWd_aId_oV9hqPi7q Access date: 28/11/2020. Development, R. N. (2020). React Native Developer Library: Retrieved from: https://reactnative.dev/showcase Access date: 28/11/2020.
  • Devnot. (2020). Ionic'i Tanıyalım. Retrieved from: http://devnot.com/2016/hibrit-uygulama-catisi-ionic-i-taniyalim Access date: 28/11/2020.
  • Eisenman, B. (2015). Learning React Native: Building Native Mobile Apps with Javascript. CA: O'Reilly Media Inc.
  • Flutter (2018). Technical Overview. Retrieved from: https://flutter.dev/docs/resources/technical-overview Access date: 28/11/2020.
  • Frachet, M. (2020). Understanding The React Native Bridge Concept: Retrieved from: https://hackernoon.com/understanding-react-native-bridge-concept-e9526066ddb8 Access date: 28/11/2020.
  • Gerasimov, V., Bilovol, S., & Ivanova, K. (2015). Comparative Analysis Between Xamarin and Phonegap For .Net. System technologies, 96. GitHub. (2020). A Small Place to Discover Languages in Github. https://madnight.github.io/githut/#/issues/2020/2 Access Date: 28/11/2020.
  • Goadrich, M. H., & Rogers, M. P. (2011). Smart Smartphone Development: Ios Versus Android. Paper presented at the Proceedings of the 42nd ACM technical symposium on computer science education, New York: USA.
  • Issues, G. F. (2020). Want To Contribute to Flutter / Flutter? https://github.com/flutter/flutter/issues Erişim tarihi: 28/11/2020.
  • Javatpoint. (2020). What is Xamarin: Retrieved from: https://www.javatpoint.com/what-is-xamarin Access date: 28/11/2020.
  • Kaur, L., & Mishra, A. (2019). Cognitive Complexity as A Quantifier of Version to Version Java-Based Source Code Change: An Empirical Probe. Information and Software Technology, 106, 31-48.
  • Keskin, N. Ö., & Kılınç, H. (2015). Mobil Öğrenme Uygulamalarına Yönelik Geliştirme Platformlarının Karşılaştırılması ve Örnek Uygulamalar. Açıköğretim Uygulamaları ve Araştırmaları Dergisi, 1(3), 68-90. Kuzmin, N., Ignatiev, K., & Grafov, D. (2020). Experience of Developing a Mobile Application Using Flutter. (pp. 571 - 575). Springer International Publishing. Doi: https://doi.org/10.1007/978-981-15-1465-4_56.
  • Native, R. (2020). React Native Retrieved from: https://reactnative.dev Access date: 28/11/2020.
  • Occhino, T. (2020). React Native: Bringing Modern Web Techniques to Mobile: Retrieved from: https://engineering.fb.com/android/react-native-bringing-modern-web-techniques-to-mobile/ Access date: 28/11/2020.
  • Packer, C., Wade, T., Diaz, M., Habjan, A., McIntyre, R., & Ancona, B. (2019, April). Implementing a mobile application for fraternity and sorority life. (784). Symposium on undergraduate research and creative expression (source), Valparaiso.
  • Payne, R. (2019). Beginning App Development with Flutter: Create Cross-Platform Mobile Apps. CA: Apress, Retrieved from https://doi.org/10.1007/978-1-4842-5181-2_2
  • PhoneGap. (2012). PhoneGap Beliefs, Goals, And Philosophy. https://blog.phonegap.com/phonegap-beliefs-goals-and-philosophy-dc9d1f7d7aca Erişim tarihi: 28/11/2020.
  • Singh, T., & Bhardwaj, R. (2019). Fuchsia OS-A Threat to Android. IITM Journal of Management and IT, 10(1), 65-67. Stackoverflow. (2019). Developer Survey Results. Retrieved from: https://insights.stackoverflow.com/survey/2019 Access date: 28/11/2020. Stackoverflow. (2020). Stack Overflow Trends. Retrieved from: https://insights.stackoverflow.com/survey/2019#technology Access date: 28/11/2020.
  • Team, W. A. (2020). React Native on the Universal Windows Platform: Retrieved from: https://blogs.windows.com/windowsdeveloper/2016/04/13/react-native-on-the-universal-windows-platform/ Access date: 28/11/2020.
  • Trends. (2020a). Tag Trends. http://sotagtrends.com/?tags=ionic-framework+react-native+flutter+xamarin&relative=false Access Date: 28/11/2020. Trends. (2020b). React native - flutter comparison. (d). https://trends.google.com/trends/explore?q=React%20Native,Flutter Access Date: 28/11/2020. Vasilescu, B., Filkov, V., & Serebrenik, A. (2013). Stackoverflow and Github: Associations Between Software Development and Crowdsourced Knowledge. 2013 International Conference on Social Computing, 188-195.
  • Vilček, T., & Jakopec, T. (2017). Comparative Analysis of Tools for Development of Native and Hybrid Mobile Applications. Paper presented at the 2017 40th International Convention on Information and Communication Technology, Electronics and Microelectronics (MIPRO), Rijeka: Croatia.
  • Yatsenko, R., Obodiak, V., & Yatsenko, V. (2019). Comparative Analysis of Cross-Platform Frameworks for Mobile Applications Development. The Art of Scientific Mind, (4), 132-136.
  • Zammetti, F. (2019). Flutter: A Gentle Introduction. APress, CA: Apress.
There are 26 citations in total.

Details

Primary Language English
Subjects Software Engineering (Other)
Journal Section Research Article
Authors

Ekrem Gülcüoğlu 0000-0002-1009-3496

Ahmet Berk Ustun 0000-0002-1640-4291

Neşet Seyhan 0000-0002-8037-0671

Publication Date December 31, 2021
Published in Issue Year 2021 Volume: 12 Issue: 2

Cite

APA Gülcüoğlu, E., Ustun, A. B., & Seyhan, N. (2021). Comparison of Flutter and React Native Platforms. İnternet Uygulamaları Ve Yönetimi Dergisi, 12(2), 129-143. https://doi.org/10.34231/iuyd.888243