React Native is an open source JavaScript library created by Facebook that allows developers to build mobile apps using React. Over 500 companies use React Native including Facebook, Microsoft, and Samsung. React Native enables developers to write once and deploy their code to both Android and iOS, bridging native components while providing a native experience. It uses the same fundamental UI building blocks as regular Android and iOS apps.

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