Page 1
React NativePut some swag in your Android / iOS
Page 2
Who am I• I’m an Android Developer first
• Also doing some iOS Code
• Worked for startups and as Freelance
• Founder of JeChercheUnDev.fr
Page 3
Take away : Demo Apphttps://goo.gl/T4SQd8
Page 4
What's the pain point ?
Page 5
We hate webviewsWe still have to use them :
➡ On sensitive things like a checkout form that we want to deploy in a
second ➡ Because we want to use the same
views on multiple platform ➡ Because we are rendering html
content
Page 6
We maintain two similar appson both Android and iOS
Page 7
You think Javascript sucks
Page 8
Actually browser fragmentation sucksMost web developers use a shitty and old javascript because of it
Page 9
Modern Javascript is neat
Page 10
Another Framework for Web Devs to do shitty mobile apps ?
Page 11
It’s not about Cordova
Page 12
You think cross-platform sucksunless for some very specifics use case
Page 13
React Native is just a great tool that can really change you
developer experience
Page 14
What’s React Native ?
Page 15
What is React ?
RenderJS ScriptBrowser
DOM
Page 16
React Component 101Render and it’s okay
Page 17
Component's LifeCycle
Page 18
Component Composition
Page 19
State and PropsReact components maintain their own state and read props from their parents
Page 20
What is React ?
RenderJS Script
What is React Native ?
Native UIBrowser DOM
Page 21
What you should know before starting
Page 22
React is only the V from MVCAnd you don’t need a MVC
Page 23
Redux FTWthere is also alternatives like Flux
Page 24
It’s still pre-release 1.0One release candidate very week One minor version every month
Breaking changes are foreseeable
Page 25
UI Layout sim. to Flexbox So you can hire your best responsive integrator
Page 27
CodePushfrom cloud to app
Page 28
Flow Type checking made easy
Page 29
New things every day
react-native-maps
native-navigation
Use http://js.coach
Page 30
Dev Env
Packager `react-native start'
ReactInstance
Native App
Assets
bundle.js
bundle.js
Page 31
React Native Sum upReact Native API is neither similar to Android, neither similar to iOS It’s rather iOS first (Objective-C First) Yes, it’s not release 1.0 yet Very flexible integration in your native apps Very flexible for platform specific code Very dynamic eco-system
use js.coach !