Warning For ReScript users, we recommend using @rescript/react instead. Before, ReasonReact was designed to be used with BuckleScript and it got packaged into @rescript/react. More context on the move here.

ReasonReact

ReasonReact is a safer, simpler way to build React components. You get a great type system with an even better developer experience. Why choose ReasonReact? Read more here

ReasonReact is just React.js under the hood. This makes it super easy to integrate with your current Next.js, Create React App, JavaScript, Flowtype or TypeScript project. Learn more about getting started here

Watch Ricky Vetter's Reason Conf talk, "Why React is Just Better in Reason" to learn more about how Facebook & Messenger are using ReasonReact

Watch Jordan Walke's Reason Conf talk, "React to the Future" to learn more about the future of ReasonML and React

Example

/* Greeting.re */

[@react.component]
let make = (~name) => <h1> {React.string("Hello " ++ name)} </h1>

See all of our examples here. For a full application, check out reason-react-hacker-news.

Using Your Favorite Javascript Libraries

The same way that TypeScript has type annotations, we have bindings. Bindings are libraries that allow you to import a popular project (like lodash) or to import your own local file. ReasonReact is in fact an example of a binding!

Documentation

See https://reasonml.github.io/reason-react

Contribute

We welcome all contributors! Anything from docs to issues to pull requests. Please help us 😄

./CONTRIBUTING.md

Editor Support

Looking for syntax highlighting for your favorite editor? Check out ReasonML Editor Plugins