React Native is an open source JavaScript library created by Facebook that allows developers to build mobile apps using React. It enables sharing of over 85% of code between iOS and Android apps. Many companies including Facebook, Microsoft, and Samsung use React Native. React Native uses the same fundamental UI building blocks as regular iOS and Android apps while allowing developers to write code using JavaScript and React.

1. 28.09.2016
Fatih Şimşek - Software Infrastructure
React Native

2. 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

3. 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

4. Github

5. React Native
Learn once, write anywhere
Be able to bridge Native Code
Testable
Native experience

6. React Native
Better Developer experience

7. Work with Existing Apps

8. Architecture

9. React Architecture
State, Properties Update UI

10. React-Native Architecture
State, Properties Update UI

11. Architecture

12. Architecture

13. Flexbox

14. Flexbox

15. DEMO

16. 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.

17. 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