React Native dans vos Apps Natives - Android Makers - MixIT - Riviera Dev

React NativePut some swag in your Android / iOS

Who am I• I’m an Android Developer first

• Also doing some iOS Code

• Worked for startups and as Freelance

• Founder of JeChercheUnDev.fr

Take away : Demo Apphttps://goo.gl/T4SQd8

What's the pain point ?

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

We maintain two similar appson both Android and iOS

You think Javascript sucks

Actually browser fragmentation sucksMost web developers use a shitty and old javascript because of it

Modern Javascript is neat

Another Framework for Web Devs to do shitty mobile apps ?

It’s not about Cordova

You think cross-platform sucksunless for some very specifics use case

React Native is just a great tool that can really change you

developer experience

What’s React Native ?

What is React ?

RenderJS ScriptBrowser

DOM

React Component 101Render and it’s okay

Component's LifeCycle

Component Composition

State and PropsReact components maintain their own state and read props from their parents

What is React ?

RenderJS Script

What is React Native ?

Native UIBrowser DOM

What you should know before starting

React is only the V from MVCAnd you don’t need a MVC

Redux FTWthere is also alternatives like Flux

It’s still pre-release 1.0One release candidate very week One minor version every month

Breaking changes are foreseeable

UI Layout sim. to Flexbox So you can hire your best responsive integrator

As fast as Buck

CodePushfrom cloud to app

Flow Type checking made easy

New things every day

react-native-maps

native-navigation

Use http://js.coach

Dev Env

Packager `react-native start'

ReactInstance

Native App

Assets

bundle.js

bundle.js

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 !