slides/react-native.slide at master · oursky/slides · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
React Native
Time to use it with the new Android Support
18 Sep 2015

Rick Mak
Oursky
rickmak@oursky.com

* What will this shareing cover

- Getting Start with react-native
- First React-native project
- Connecting to your server
- Using websocket

* Getting Start with React-native

- brew installi nvm
- nvm install node && nvm alias default node
- brew install watchman
- brew install flow
- npm install -g react-native-cli
- react-native init ChatRoom

* This is what will be run on iOS

.code react-native/index.ios.js /1 OMIT/,/2 OMIT/

* We can modify the style by CSS

.code react-native/index.ios.js /2 OMIT/,/3 OMIT/

* Let write some network code

.code react-native/index.universal.js /2 OMIT/,/3 OMIT/

* Let see if same code run at Android

  react-native run-android

* Use of js lib

.code react-native/index.universal.js /3 OMIT/,/4 OMIT/

* React != React Native