ReasonReact with Storybook

page.re

/* src/page.re */

let component = ReasonReact.statelessComponent("Page");

let handleClick = (_event, _self) => Js.log("clicked!");

let make = (~message, _children) => {
    ...component,
    render: (self) =>
        <div onClick=(self.handle(handleClick))>
            (ReasonReact.stringToElement(message))
        </div>
};

let page = ReasonReact.wrapReasonForJs(
    ~component,
    (jsProps) => make(~message=jsProps##message, [||])
);

let default = page;

page.stories.js

// stories/page.stories.js

import React from 'react';

import { storiesOf } from '@storybook/react';

// exported using `let default = ...`
import Page from '../src/page.bs';

// exported using `let page = ...`
import { page as OtherPage } from '../src/page.bs';

storiesOf('Page', module)
    .add('Moo', () => <Page message="Moo" />);

storiesOf('OtherPage', module)
    .add('Moo2', () => <OtherPage message="Moo2" />);