React_Native_and_ReasonML.pdf

Transcript

1. React Native and ReasonML
2. MEDSON OLIVEIRA Full Stack Developer at ASTROCODERS github.com/medson10 @o_medson @MedsonOliveira medson.oliveira.jr@gmail.com
3. What’s React Native?
9. Most JavaScript modules are at your disposal
11. What’s ReasonML?
20. Starting a Reason React Native project
21. npm install -g react-native-cli npm install -g reason-cli react-native init project_name —yarn
22. yarn add bs-platform reason-react bs-react-native
23. Create a file bsconfig.json on project root { "name": "Project_name", "namespace": true, "reason": { "react-jsx": 2 }, "bsc-flags": ["-bs-super-errors"], "bs-dependencies": [ "bs-react-native", "reason-react" ], "sources": [ { "dir": "re", "subdirs": [{ "dir": "scenes" }, { "dir": "components" }] } ], "refmt": 3, "package-specs": { "module": "commonjs", "in-source": true }, "suffix": ".bs.js", "ppx-flags": [] }
24. Run in parallel yarn bsb -make-world -clean- world -w yarn react-native start
25. Import your reason compiled code (*.bs.js), on your App.js and see it’s working
26. Let’s see for real https://github.com/medson10/reason- react-native-demo
27. Conclusion
28. WE ARE HIRING!!!!1
29. Thank you