react_native_training.pdf

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