Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Native Mobile App with Javascript - React Native - Code Push

Native Mobile App with Javascript - React Native - Code Push

I talked at Microsoft Indonesia about react native and code push and how they change the mobile app development in the future

C918bcbfa8df32567636c2d125a34fa1?s=128

Sonny Lazuardi

March 26, 2016
Tweet

Transcript

  1. NATIVE MOBILE APP WITH JAVASCRIPT PHP Indonesia March 26st 2015

  2. SONNY LAZUARDI Frontend Engineer @ @sonnylazuardi sonnylab.com github.com/sonnylazuardi

  3. REACT.ID

  4. None
  5. BACKGROUND

  6. NATIVE MOBILE APP DEVELOPMENT IS HARD No Code Sharing Low

    Iteration Speed Hard To Scale https://speakerdeck.com/frantic/react-native-tutorial-nyc-15
  7. WEB APP DEVELOPMENT IS EASY R

  8. HYBRID APP

  9. NATIVE APPS WHY ARE GREAT? Complex Gestures & Smooth Animations

    Fast, Responsive Consistent With the platform https://speakerdeck.com/frantic/react-native-tutorial-nyc-15
  10. REACT NATIVE

  11. JAVASCRIPT IS FAST THE DOM IS SLOW

  12. DOM

  13. UIKIT

  14. REACT NATIVE WRITE ONCE RUN ANYWHERE

  15. REACT NATIVE LEARN ONCE WRITE ANYWHERE

  16. REACT NATIVE COMPONENT <div> <View> Browser DOM Native Component <img>

    <Image> <span> <Text> <ScrollView> <MapView> <TabBar>
  17. REACT NATIVE STYLING

  18. REACT NATIVE SETUP • Requirements • OSX • Node 4.0

    or newer • Watchman • Installing React Native CLI npm install –g react-native-cli • Starting React Native Project react-native init ProjectName
  19. ANDROID SETUP • Install JDK • Install Android SDK brew

    install android-sdk • Add Android SDK path to your ~/.bashrc, ~/.zshrc export ANDROID_HOME=/usr/local/opt/android- sdk
  20. None
  21. Deploy code updates directly to users No more waiting App

    store approval FAST ITERATION
  22. LIVE DEMO https://github.com/sonnylazuardi/phpindonesia-react-native REACT.ID/PHPINDONESIA