This document summarizes ReasonML and BuckleScript. It introduces ReasonML as a syntax on top of OCaml that compiles to JavaScript using BuckleScript. BuckleScript compiles Reason and OCaml to JavaScript and integrates seamlessly with existing JavaScript tools. The document notes that ReasonML has a faster compiler than TypeScript, a stricter language, and sound type system. It also discusses using ReasonReact for building React components in ReasonML with typed props and CSS.

1. Reasonable React
@arnarths
@arnarthor

2. Who am I?
• Previously at QuizUp ⚡ and WOW Air 🛫
• Full time Reason developer for a year
• Maintainer of bs-express, bs-react-native and
bs-electron
• Fullstack developer at Gangverk

3. What is ReasonML
• Syntax on top of OCaml 🐫
• Similar to Javascript syntax 👋
• Blazing fast compiler 🚀
• Integrates seamlessly with Javascript
• Targets byte code and Javascript
• Typed function language

4. BuckleScript
OcamlC

5. Bucklescript (aka BS) 🐫
• Compiles Reason and OCaml to JS 🚀
• All in on tool 📦
• Flow/TypeScript, Prepack, Babel, ESLint and ImmutableJS
• Fork of OCamlC 🐪
• Produces super readable output 👀

6. Integrating with JS
• Interface with Javascript through bindings 👍
• Everything needs to return a type 👍
• Open ended Javascript objects *
• Confusing for newcomers 👎

7. Example

8. Why not use TypeScript instead?
• Compiler is faster
• No extra tools ✨
• Language is stricter
• Functional language
• Type system is sound 👌
• Bindings are more than just type interfaces

9. Using React with Reason
• Props are typed 🤝
• Css is typed 💅
• All components have built in reducers for state
• WrapReasonForJs and WrapJsForReason
• ReasonReact has a great interface

10. Demo time

11. https://github.com/arnarthor/spotify-unconf