Offline-first approach in React Native mobile applications

Bc. Marián Svitek

Diplomová práce

Anotace:

Táto diplomová práca sa zameriava predovšetkým na analýzu offline-first architektúry pre mobilné aplikácie vyvinuté pomocou frameworku React Native. Začína predstavením offline-first prístupu, načrtnutím jeho základných princípov, základných komponentov a spôsobu, akým zabezpečuje spoľahlivú funkčnosť aplikácie aj bez internetového pripojenia. Následne práca predstavuje vznikajúcu local-first architektúru a porovnáva ju s tradičným offline-first prístupom. Porovnanie zdôrazňuje kľúčové rozdiely, diskutuje typické prípady použitia oboch prístupov a skúma ich dôsledky na finálnu architektúru aplikácie. Po predstavení týchto prístupov práca skúma a popisuje vhodné nástroje a technológie, ktoré môžu vývojári použiť pri vytváraní robustných offline-first alebo local-first mobilných aplikácií. Teoretické poznatky získané počas prípravy tejto diplomovej práce boli aplikované na vývoj praktických demonštračných mobilných aplikácií, ktoré ilustrujú použitie a potenciálne výhody diskutovaných architektúr. Táto diplomová práca bola vytvorená v spolupráci so spoločnosťou inQool a.s.

Abstract:

This master thesis focuses primarily on the analysis of offline-first architecture for mobile applications developed using the React Native framework. It begins by introducing the offline-first approach, outlining its core principles, essential components, and how it ensures reliable application functionality even in the absence of an internet connection. Subsequently, the thesis presents the emerging local-first architecture and compares it with the traditional offline-first approach. The comparison highlights key differences, discusses typical use cases for both approaches, and examines their architectural implications. Following the introduction of these approaches, the thesis explores and describes the appropriate tools and technologies that developers can use when building robust offline-first or local-first mobile applications. To conclude, the theoretical knowledge gained during the preparation of this thesis was applied to the development of practical demonstration mobile applications that illustrate the use and potential benefits of the discussed architectures. This diploma thesis was created in cooperation with the company inQool a.s.

Keywords

offline-first, local-first, mobile applications, native development, React Native, Expo, synchronization

Jazyk práce: angličtina

Datum vytvoření / odevzdání či podání práce: 21. 5. 2025

Obhajoba závěrečné práce

• Obhajoba proběhla 19. 6. 2025
• Vedoucí: prof. RNDr. Tomáš Pitner, Ph.D.
• Oponent: Mgr. Peter Halmo

Masarykova univerzita

Fakulta informatiky

Magisterský studijní program / obor:
Softwarové inženýrství / Návrh a vývoj softwarových systémů