ReasonML et React Native

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/

2f6c2dcd4ba8fc44f1e7f0b2ed3d587d?s=128

Maxime Thirouin

June 18, 2019
Tweet

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