react native

28.09.2016Fatih Şimşek - Software Infrastructure

React Native

React Native

Open source Javascript Library

React Native started as a Facebook's hackathon project in the summer of 2013

Facebook Ads Manager on IOS and Android share %85 of the code

Who is using React Native?

Microsoft brings React Native to the Windows ecosystem

Samsung builds React Native for its hybrid platform (Tizen)

Facebook Groups & Ads Manager

500+ companies and developer who published apps to Apple’s app store

200+ companies and developer who published apps to Google’s Play store

https://facebook.github.io/react-native/showcase.html

Github

React Native

Learn once, write anywhere

Be able to bridge Native Code

Testable

Native experience

React Native

Better Developer experience

Work with Existing Apps

Architecture

React Architecture

State, Properties Update UI

React-Native Architecture

State, Properties Update UI

Architecture

Flexbox

react-native init ProjectName

cd AwesomeProject

react-native run-android / run-ios

* a common issue is that the packager is not started automatically when you run react-native run-android. You can start it manually using react-native start.

react-native bundle --platform android --dev false --entry-file index.android.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res/

react-native bundle --platform ios --dev false --entry-file index.ios.js --bundle-output ios/main.jsbundle --assets-dest ios