I get to try React Native integration with existing app on our project (Presto) due to there is a need on our existing native app to support 3rd party integration, which we think React Web or React Native might be a good fit.
By integrate React Native into our project, the most troublesome part is configuration.
The first time I try, it fail with some gradle build error from 3rd party library. But surprisingly the error gone away on my second try which is few weeks later, it is possible that due to I upgrade the project gradle to latest version which resolve this.
After successfully setup React Native folder structure with our Android project, the first thing I test is whether React Native able to support “WebView + JsInterface” way of calling. To be able to test this, I have to study Native Modules & Native UI Components in React Native Guide.
By using Native UI Components in React Native Guide, it is possible to support “WebView + JsInterface”, the Web is load from Android WebView and render in React Native.
After confirm that Web is able to communicate with Android, the next thing I test is how React Native able to communicate with Android.
By using Native Modules in React Native Guide, it is possible to communicate between React Native and Android, the “12.50” amount is request from React Native and response from Android.
