This repository contains examples for brown-fielding existing iOS and Android apps using React Native. The examples are divided by topic and can be found in separate branches. These branches were created based on the chapters of my bachelor's thesis.
| Branch | Description | Section in Thesis | Branch Diff |
|---|---|---|---|
| → main | Base branch with empty native iOS and Android apps. | - | - |
| native-module-logging | Implementation of a basic native module that logs within the native apps. | 4.2 | main..native-module-logging |
| event-emitter | Implementation of an event emitter used to log a message from iOS/Android to React Native. | 4.3 | native-module-logging..event-emitter |
| turbo-native-module | Same as native-module-logging, but using a Turbo Native Module (new architecture). |
4.4 | event-emitter..turbo-native-module |
| native-component | Implementation of a basic native component by wrapping horizontal progress bars. | 4.5 | native-module-logging..native-component |
| react-native-integration | Integration of React Native into the existing apps from main. | 5.1 - 5.5 | main..react-native-integration |
| react-native-integration-fabric | Activation of the new architecture (Fabric) within the integration of React Native. | 5.6 | react-native-integration..react-native-integration-fabric |
| data-sync-base | Implementation of a mock database within the native apps, as well as integration of Redux in React Native. | - | react-native-integration..data-sync-base |
| data-sync-base-fabric | Same as data-sync-base, but using react-native-integration-fabric as the base (cherry-picked from data-sync-base). |
- | data-sync-base..data-sync-base-fabric react-native-integration..data-sync-base-fabric |
| data-sync-redux-mirror | Data synchronization between the native mock DB and Redux is achieved by mirroring the Redux state in the native apps. | 6.1 | data-sync-base-fabric..data-sync-redux-mirror |
| data-sync-redux-mirror-profiling | Adjustments to data-sync-redux-mirror in order to be able to undertake a performance profiling. |
6.1 | data-sync-redux-mirror..data-sync-redux-mirror-profiling |
| data-sync-rest-api | Data synchronization between the native mock DB and Redux by re-implementing server API endpoints within the native apps as well as React Native. | 6.2 | data-sync-base..data-sync-rest-api |
| data-sync-command-syncing | Data synchronization between the native mock DB and Redux by using a synchronization strategy leveraging the command pattern. | 6.3 | data-sync-base-fabric..data-sync-command-syncing |