ReasonML - React as a Language and What the Future Looks Like

Explore the world of ReasonML and its impact on React development in this GOTO Chicago 2019 conference talk. Discover the original intent behind ReactJS and learn about Reason, a programming language created by React's founder to build robust applications more efficiently. Delve into ReasonML's features, including its functional programming approach, powerful pattern matching, and robust ecosystem. Examine React component structures in Reason, understand the Belt standard library, and see how to leverage hooks and pattern matching. Learn techniques for integrating Reason into existing JavaScript projects, and understand the benefits of compiled Reason code, including improved readability and performance. Gain insights into the future of frontend development and how ReasonML is shaping the landscape of web application creation.

Syllabus

Intro
1. Scan QR Code 2. Drag Component
We used to start with Javascript
amazing developer productivity
A functional programming language
Powerful pattern matching, functions
a robust ecosystem of packages (OPAM)
What does a React component look like?
Belt is the standard library shipped with Reason
Convert your array into a React element
Hooks are the future
Pattern matching is a switch statement on steroids
gen Type generates bindings between Reason & JavaScript
How do I add Reason to my Javascript project?
The compiled JavaScript is readable
The compiled JavaScript is faster
Webpack 55,000 Bytes
Binding Javascript to Reason