Edit

Gentype & Typescript

Gentype is a library that automatically generates idiomatic bindings between Reason and JavaScript: either vanilla or typed with TypeScript/FlowType.

If all your components are written in Typescript for example, this is a great way of supporting full type safety in both directions.

Installing it includes running yarn add --dev gentype and creating a basic gentypeconfig in your bsconfig.json file:

"gentypeconfig": {
    "language": "typescript",
    "shims": {},
    "debug": {
      "all": false,
      "basic": false
    }
}

Read more here

Basic Greeting Component

/* Greeting.re */

[@genType]
[@react.component]
let make = (~message) => {
    <div>{React.string(message)}</div>
}

Here's how you import that component into your Typescript project. As you can see, there's a new file generated with a .gen extension. Then, everything works as is!

/* App.tsx */

import { Greeting } from './Greeting.gen';

// ..

export default function App() {
    return <Greeting message="Hello world!" />
}