MyNote: Multiplatform Reactive Integration System with The Clean Architecture Development Concept

  • Arrijal Amar Ma'ruf Department of Informatics Engineering, Faculty of Communications and Informatics, University of Muhammadiyah Surakarta
  • Dedi Gunawan Department of Informatics Engineering, Faculty of Communications and Informatics, University of Muhammadiyah Surakarta


The application needs in the current digital era are very broad and varied. In its development, these applications undergo a transformation, thus demanding application developers to create applications that suit their devices. This study applies the concept of the reactive paradigm which is implemented into a multiplatform application system and the concept of clean architecture in the process of creating a simple note management application "MyNote". The concept of reactive programming uses Spring WebFlux on the backend and React.js with RxJs on the frontend. The multiplatform concept on Android is implemented in Webview. Performance analysis is conducted using the load test, and stress test. This research aims to provide information on how to implement the concept of multiplatform applications and reactive programming with the clean architecture development method for the MyNote application. In addition, it also can be used as a consideration in implementing this concept stack in production-ready products. This study succeeded in making the MyNote application using a combination of clean architecture, multiplatform, and reactive programming concepts with a percentage of 93,75% application of the concept, and 80% application development.

Keywords: Clean Architecture, Multiplatform, React, Reactive Programming, WebFlux


Download data is not yet available.


[1] R. Choirudin and A. Adil, Implementasi Rest Api Web Service dalam Membangun Aplikasi Multiplatform untuk Usaha Jasa, MATRIK? : Jurnal Manajemen, Teknik Informatika dan Rekayasa Komputer, vol. 18, no. 2, pp. 284 - 293, May 2019, doi: 10.30812/matrik.v18i2.407.

[2] Clean Coder Blog. (Accessed Aug. 04, 2023).

[3] D. Sanchez, A. E. Rojas, and H. Florez, Towards a clean architecture for android apps using model transformations, IAENG International Journal of Computer Science, vol. 49, no. 1, pp. 270–278, 2022.

[4] E. Bainomugisha, A. L. Carreton, T. van Cutsem, S. Mostinckx, and W. de Meuter, A survey on reactive programming, ACM Computing Surveys (CSUR), vol. 45, no. 4, pp. 1–34, 2013.

[5] T. John, Hands-On Spring Security 5 for Reactive Applications: Learn effective ways to secure your applications with Spring and Spring WebFlux. Packt Publishing Ltd, 2018.

[6] M. Bernhardt, Reactive Web Applications: Covers Play, Akka, and Reactive Streams. Simon and Schuster, 2016.

[7] (Accessed Aug. 04, 2023).

[8] D. Syme, T. Petricek, and D. Lomov, The F# Asynchronous Programming Model, in Practical Aspects of Declarative Languages, Berlin, Heidelberg: Springer Berlin Heidelberg, 2011, pp. 175 - 189. Accessed: Aug. 04, 2023. [Online]. Available:

[9] D. A. Hume, Progressive Web Apps. Manning, 2017.

[10] M. A. El-Zawawy, E. Losiouk, and M. Conti, Vulnerabilities in Android webview objects: Still not the end!,”Computers & Security, vol. 109, p. 102395, Oct. 2021, doi: 10.1016/j.cose.2021.102395.

[11] A. B. Bhavani, Cross-site Scripting Attacks on Android WebView,, Apr. 28, 2013.

[12] A. Rakhmadi and E. Listiyanto, PERANCANGAN LIBRARYUMS?CMS MENGGUNAKAN CODEIGNITER, Jan. 01, 2010.

[13] S. Blackheath, Functional Reactive Programming. Simon and Schuster, 2016.

[14] Kexugit, Introduction to Model/View/ViewModel pattern for building WPF apps, Microsoft Learn. (accessed Aug. 04, 2023).

[15] P. Saint-Andre, RFC 6202: Known Issues and Best Practices for the Use of Long Polling and Streaming in Bidirectional HTTP, IETF Datatracker, Apr. 05, 2011. (Accessed Aug. 04, 2023).

[16] T. Berglund and M. McCullough, Building and Testing with Gradle. O’Reilly Media, Inc., 2011.
How to Cite
A. Ma’ruf and D. Gunawan, “MyNote: Multiplatform Reactive Integration System with The Clean Architecture Development Concept”, JurnalEcotipe, vol. 10, no. 2, pp. 191-199, Oct. 2023.
Abstract viewed = 147 times
PDF downloaded = 74 times