React Standard LibraryReact Finland, Helsinki – 26 April 2019 expo-local-authentication...
Transcript of React Standard LibraryReact Finland, Helsinki – 26 April 2019 expo-local-authentication...
ReactStandard Library
React Finland, Helsinki – 26 April 2019
React Finland, Helsinki – 26 April 2019
React Finland, Helsinki – 26 April 2019
React Finland, Helsinki – 26 April 2019
React Finland, Helsinki – 26 April 2019
react-native link
React Finland, Helsinki – 26 April 2019
React Finland, Helsinki – 26 April 2019
React Finland, Helsinki – 26 April 2019
Accelerometer
AssetAudio
FileSystem
Camera
PrintContacts
LocationSvg
VideoMediaLibrary
GL
Speech
DocumentPicker
Brightness
MapView
...
React Finland, Helsinki – 26 April 2019
React Finland, Helsinki – 26 April 2019
React Finland, Helsinki – 26 April 2019
Accelerometer
AssetAudio
FileSystem
Camera
PrintContacts
LocationSvg
VideoMediaLibrary
GL
Speech
DocumentPicker
Brightness
MapView
...
😍 😓🙂Camera plz?
Sensors
AssetAV
Camera BrightnessLocation Svg
MediaLibraryGL Print
React Finland, Helsinki – 26 April 2019
expo-local-authentication
expo-localizationexpo-locationexpo-mail-composer
expo-media-libraryexpo-permissions
expo-printexpo-randomexpo-secure-store
expo-sensorsexpo-sharing
expo-smsexpo-speechexpo-sqlite
expo-task-managerexpo-web-browser...
Unimodules
React Finland, Helsinki – 26 April 2019
React Finland, Helsinki – 26 April 2019
npm install expo-camera
React Finland, Helsinki – 26 April 2019
npm install expo-random
React Finland, Helsinki – 26 April 2019
npm install expo-sensors
React Finland, Helsinki – 26 April 2019
CocoaPods
React Finland, Helsinki – 26 April 2019
# ios/Podfile require_relative '../node_modules/react-native-unimodules/cocoapods'
target 'HelloWorld' do # Pods for HelloWorld pod 'React'
# ...
use_unimodules!
end
React Finland, Helsinki – 26 April 2019
# ios/Podfile require_relative '../node_modules/react-native-unimodules/cocoapods'
target 'HelloWorld' do # Pods for HelloWorld pod 'React'
# ...
use_unimodules!
end
React Finland, Helsinki – 26 April 2019
Gradle
React Finland, Helsinki – 26 April 2019
// android/settings.gradle apply from: '../node_modules/react-native-unimodules/gradle.groovy'
includeUnimodulesProjects()
rootProject.name = 'HelloWorld' include ':app'
// android/app/build.gradle
apply from: '../../node_modules/react-native-unimodules/gradle.groovy'
// ...
dependencies { // ... addUnimodulesDependencies() }
React Finland, Helsinki – 26 April 2019
// android/settings.gradle apply from: '../node_modules/react-native-unimodules/gradle.groovy'
includeUnimodulesProjects()
rootProject.name = 'HelloWorld' include ':app'
// android/app/build.gradle
apply from: '../../node_modules/react-native-unimodules/gradle.groovy'
// ...
dependencies { // ... addUnimodulesDependencies() }
React Finland, Helsinki – 26 April 2019
unimodule.json
React Finland, Helsinki – 26 April 2019
% cat node_modules/expo-random/unimodule.json { "name": "expo-random", "platforms": ["ios", "android"] }
React Finland, Helsinki – 26 April 2019
. "## node_modules $## @unimodules % $## core % % "## unimodule.json % "## react-native-adapter % "## unimodule.json $## expo-asset % "## unimodule.json $## expo-camera % "## unimodule.json $## expo-file-system % "## unimodule.json $## expo-permissions % "## unimodule.json $## expo-sensors % "## unimodule.json $## unimodules-camera-interface % "## unimodule.json $## unimodules-file-system-interface % "## unimodule.json $## unimodules-image-loader-interface % "## unimodule.json "## unimodules-sensors-interface "## unimodule.json
React Finland, Helsinki – 26 April 2019
Android ✅iOS ✅
Web ✅
React Finland, Helsinki – 26 April 2019
React Finland, Helsinki – 26 April 2019
% npx expo-cli init
? Choose a template: ----- Managed workflow ----- blank minimal dependencies to run and an empty root component tabs several example screens and tabs using react-navigation ----- Bare workflow ----- › bare-minimum minimal setup for using unimodules
React Finland, Helsinki – 26 April 2019
React Finland, Helsinki – 26 April 2019
ReactStandard Library
React Finland, Helsinki – 26 April 2019
ReactLibraryStandard
React Finland, Helsinki – 26 April 2019
Auto installable
Cross platform
Modular foundation
https://github.com/unimodules/react-native-unimodules