openFrameworks + React Native allowing you to use RN to make beautiful interfaces without native code while allowing you to make oF views for more fancy stuff.
NOTE: This only works on iOS at the moment. Android support coming soonish.
Set it up
Download openFrameworks for iOS (this is made with v0.9.8): http://openframeworks.cc/versions/v0.9.8/of_v0.9.8_ios_release.zip
Make sure you have NodeJS and npm installed.
cd of_v0.9.8_ios_release/apps/myApps git clone https://github.com/razvanilin/oFReactNative.git cd oFReactNative npm install
Now open the project in Xcode and run it. The process should start the terminal to bundle the JS application and once both building and bundling process are done you should see the RN view from where you can switch to an OF view.
Renaming the project
Follow this guide for the iOS native project: https://stackoverflow.com/questions/33370175/how-do-i-completely-rename-an-xcode-project-i-e-inclusive-of-folders
To change the RN project name: (Make sure the react packager is not running in a terminal)
- Change the name in
- change the name in
- change the component name in both
AppRegistry.registerComponent('oFReactNative', () => App);
AppRegistry.registerComponent('newAppName', () => App);
- change the name of the module in
CTRootView *rootView = [[RCTRootView alloc] initWithBundleURL:jsCodeLocation moduleName:@"newAppName" initialProperties:nil launchOptions:launchOptions];