Introduction to React Native I gave at the React Oslo meet-up. See live stream here: https://www.youtube.com/playlist?list=PLbMnjQUBUpsfERckoazC28esfQLW-EtvL
React NativeMike Grabowski@grabbou
View Slide
is a framework for building cross-platform appsReact Native
React
Learn onceWrite everywhere
Better DX
Fully native
Extensible
Let’s get started!
brew install nodebrew install watchmanbrew install flownpm install -g react-native-cliGet ready
react-native init DemoAppNew project
react-native run-iosreact-native run-androidRun it
How it workswhat makes it a native app
ArchSource: https://www.smashingmagazine.com/2016/08/test-automation-frameworks-for-react-native-apps/
App code
EnvironmentES2015console.logCommonJS requireXMLHttpRequest, fetchsetTimeoutnavigator.geolocation
StylingCSS Flexbox to the rescue
Autolayout
PortableMoving code around platforms
Platform.OS.select({ ios, android })
Extensions.ios.js.android.js
Interactionsquick look at the available components
A simple container
Renders text in the app
Getting info from the users
Let’s click all the things
And many more…Over 30 components and APIs
DXUp to speed with *tools*
Give it a try!
Thank you