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

react_native_training.pdf

 react_native_training.pdf

73eeac32b9932a63ed361f1ff5c5e92a?s=128

Randy Vianda Putra

November 23, 2018
Tweet

Transcript

  1. Build First Mobile App With React Native RANDY VIANDA PUTRA

  2. Introduction

  3. 1. Understand how to install React Native 2. Understand the

    concept of React Native 3. Build first application using React Native 4. Can be implemented Agenda
  4. Prerequisite ?

  5. 1. Basic Javascript (ES6) 2. Basic understanding of npm &

    how it works 3. Knowledge of how to use command line Prerequisite
  6. 1. Node version >= 5 2. JDK (Java Development Kit)

    8 3. Xcode (to run on IOS Simulator) 4. Genymotion / Android Studio (to run on Android Simulator) Environment
  7. Let’s Start :-)

  8. 1. Build using React 2. Build cross platform apps using

    javascript 3. Target not only ios & android, but also Apple TV, VR, AR, Windows & Desktop 4. Release 2015 March 5. Learn once write everywhere 6. Rapidly gaining in popularity & adoption What is React Native ?
  9. Who’s using React Native ?

  10. 1. Faster speed of development 2. Lower cost of development

    a. Code reuse b. Easier to find developers 3. Ship accross multiple platform 4. Simple code 5. One for all :-D Why React Native ?
  11. How does React Native work ? <Button/> Button UI JS

    Create a button Button pressed
  12. Let’s Start Coding :-)

  13. 1. React Native CLI 2. Create React Native App CLI

    Creating a new React Native Project
  14. Components, Rendering & Lifecyles The main idea behind react

  15. 1. Represent a piece of UI 2. Can be created

    in one of two ways : 1. Stateless (function) 2. Statefull (class) Components
  16. 1. Creating / Mounting 2. Updating 3. Unmounting 3 types

    of component lifecycles
  17. Creating / Mounting

  18. Updating

  19. Unmounting

  20. Lifecycles

  21. Data

  22. State

  23. Props

  24. Build Simple Application Using React Native Study Case

  25. Thank You :-) github.com/randyviandaputra