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