Slide 1

Slide 1 text

@MoOx Reason React Native 1

Slide 2

Slide 2 text

@MoOx 2 https://moox.io/ @MoOx Maxime Thirouin • PostCSS • cssnext • Phenomic • … Known for its contributions to… putaindecode.io

Slide 3

Slide 3 text

@MoOx 3

Slide 4

Slide 4 text

@MoOx C'est qui Reason(ML) et qu'est ce qu'il fait là? 4 Previously in React Toulouse…

Slide 5

Slide 5 text

@MoOx 5 add(1, 1); // 2 add(1, "1"); // "11" add(1, null); // 1 add(1, undefined); // NaN JS

Slide 6

Slide 6 text

@MoOx 6 JS JS

Slide 7

Slide 7 text

@MoOx 7 • ESLint? • Flow? • TypeScript?

Slide 8

Slide 8 text

@MoOx 8

Slide 9

Slide 9 text

@MoOx 9

Slide 10

Slide 10 text

@MoOx 1. A language 2. A syntax 3. A compiler 4. An ecosystem 10 RE

Slide 11

Slide 11 text

@MoOx RE 11 JS BuckleScript

Slide 12

Slide 12 text

@MoOx 12 Creator of React Jordan Walke wrote the first React prototype in SML & ReasonML Ocaml friend

Slide 13

Slide 13 text

@MoOx 13

Slide 14

Slide 14 text

@MoOx React Native? 14

Slide 15

Slide 15 text

@MoOx 15 JS

Slide 16

Slide 16 text

@MoOx bs-react-native 16

Slide 17

Slide 17 text

@MoOx 17 bs-react-native

Slide 18

Slide 18 text

@MoOx 18

Slide 19

Slide 19 text

@MoOx Reason React Native 19

Slide 20

Slide 20 text

@MoOx reason-react-native 20

Slide 21

Slide 21 text

@MoOx 21 JS

Slide 22

Slide 22 text

@MoOx 22 RE

Slide 23

Slide 23 text

@MoOx Zero-cost 23 bs-react-native View vs reason-react-native View bs-react-native Style vs reason-react-native Style bs-react-native Platform vs reason-react-native Platform reason-react-native

Slide 24

Slide 24 text

@MoOx Wanna try? 24 npm install -g react-native-cli react-native init MyApp --template reason Cd MyApp yarn add bs-platform --dev react-native run-ios reason-react-native

Slide 25

Slide 25 text

@MoOx 25 reason-react-native 0.x.* should work with react-native@^0.x.*. reason-react-native

Slide 26

Slide 26 text

@MoOx SHOWTIME 26 reason-react-native

Slide 27

Slide 27 text

@MoOx https://reasonml- community.github.io/ reason-react-native/en/ docs/cheatsheet/ https://reasonml-community.github.io/ reason-react-native/en/docs/ cheatsheet/ 27 reason-react-native

Slide 28

Slide 28 text

@MoOx 28 Questions ? https://moox.io/ @MoOx Maxime Thirouin