ReasonML et React Native

Un peu de pratique pour voir comment utiliser React Native via ReasonML et les différences avec l'utilisation via JavaScript.

- http://reasonml.github.io
- https://bucklescript.github.io
- https://reasonml.github.io/reason-react/
- https://reasonml-community.github.io/reason-react-native/

Transcript

1. @MoOx Reason React Native 1
2. @MoOx 2 https://moox.io/ @MoOx Maxime Thirouin • PostCSS • cssnext • Phenomic • … Known for its contributions to… putaindecode.io
3. @MoOx 3
4. @MoOx C'est qui Reason(ML) et qu'est ce qu'il fait là? 4 Previously in React Toulouse…
5. @MoOx 5 add(1, 1); // 2 add(1, "1"); // "11" add(1, null); // 1 add(1, undefined); // NaN JS
6. @MoOx 6 JS JS
7. @MoOx 7 • ESLint? • Flow? • TypeScript?
8. @MoOx 8
9. @MoOx 9
10. @MoOx 1. A language 2. A syntax 3. A compiler 4. An ecosystem 10 RE
11. @MoOx RE 11 JS BuckleScript
12. @MoOx 12 Creator of React Jordan Walke wrote the first React prototype in SML & ReasonML Ocaml friend
13. @MoOx 13
14. @MoOx React Native? 14
15. @MoOx 15 JS
16. @MoOx bs-react-native 16
17. @MoOx 17 bs-react-native
18. @MoOx 18
19. @MoOx Reason React Native 19
20. @MoOx reason-react-native 20
21. @MoOx 21 JS
22. @MoOx 22 RE
23. @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
24. @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
25. @MoOx 25 reason-react-native 0.x.* should work with react-native@^0.x.*. reason-react-native
26. @MoOx SHOWTIME 26 reason-react-native
27. @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
28. @MoOx 28 Questions ? https://moox.io/ @MoOx Maxime Thirouin