Building Microfrontend Architecture with Flutter for Modular Apps
Abstract
Software engineers working on scaling Flutter applications often encounter initially clean and manageable codebases that gradually evolve into highly complex and difficult-to-maintain software systems. This paper investigates the applicability of microfrontend principles—commonly employed in modern web engineering—to address architectural scalability, maintainability, and modularization challenges in Flutter-based systems.
Traditional single-codebase Flutter apps are great in the early stages of development. However, as teams and features expand, so do the associated headaches. We have applied these techniques in practice and observed significant improvements in architectural scalability and maintainability.
Through empirical implementation and applied research, it has been demonstrated that modular Flutter architectures enable engineering teams to mitigate collaboration inefficiencies, resolve dependency management complexities, and establish sustainable software development workflows. This paper is grounded not only in theory but also in practical design patterns and implementation frameworks for handling cross-module state management, securing boundaries between components, and setting up CI/CD pipelines that work with modular architecture. Empirical observations from production environments have demonstrated quantifiable improvements in build times, developer productivity, and long-term maintainability.
Keywords
Downloads
References
- Commencis, "Micro-Frontend Architecture in Flutter: A Comprehensive Guide," Aug. 2023. [Online]. Available: https://www.commencis.com/thoughts/micro-frontend-architecture-in-flutter-a-comprehensive-guide/
- D. K. Mulyadien, "Introduction to Micro Frontend (Flutter)," LinkedIn, Dec. 2021. [Online]. Available: https://www.linkedin.com/pulse/introduction-micro-frontend-flutter-dwi-kurnianto-mulyadien/. DOI: 10.13140/RG.2.2.27578.49604
- Flutter Documentation, "Performance best practices," 2023. [Online]. Available: https://docs.flutter.dev/perf/best-practices
- Flutter Documentation, "Flutter performance profiling," 2023. [Online]. Available: https://docs.flutter.dev/perf/ui-performance
- M. Fowler, "Micro Frontends," Jun. 2019. [Online]. Available: https://martinfowler.com/articles/micro-frontends.html
- Google, "Federated plugin implementations," Sep. 2019. [Online]. Available: https://docs.google.com/document/d/1LD7QjmzJZLCopUrFAAE98wOUQpjmguyGTN2wd_89Srs/edit
- R. R. Prayoga, G. Munawar, R. Jumiyani, and A. Syalsabila, "Performance Analysis of BLoC and Provider State Management Library on Flutter," Jurnal Mantik, vol. 5, no. 3, pp. 1591-1597, Oct. 2021. [Online]. Available: https://iocscience.org/ejournal/index.php/mantik/article/view/1539. DOI: 10.35335/mantik.Vol5.2021.1539.pp1591-1597
- Flutter Documentation, "Federated plugins," 2023. [Online]. Available: https://docs.flutter.dev/packages-and-plugins/developing-packages#federated-plugins
- Stack Overflow, "Using Dart pigeon in a federated model," Sep. 2020. [Online]. Available: https://stackoverflow.com/questions/64037971/using-dart-pigeon-in-a-federated-model
- M. Zulistiyan, M. Adrian, and Y. F. A. Wibowo, "Performance Analysis of BLoC and GetX State Management Library on Flutter," Journal of Information System Research (JOSH), vol. 5, no. 2, pp. 583-591, Jan. 2024. [Online]. Available: https://ejurnal.seminar-id.com/index.php/josh/article/view/4698. DOI: 10.47065/josh.v5i2.4698