app.re

[%bs.raw {|require('./app.css')|}];

[@bs.module] external logo : string = "./logo.svg";

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

let make = (~message, _children) => {
  ...component,
  render: (_self) =>
    <div className="App">
      <div className="App-header">
        <img src=logo className="App-logo" alt="logo" />
        <h2> (ReasonReact.stringToElement(message)) </h2>
      </div>
      <p className="App-intro">
        (ReasonReact.stringToElement("To get started, edit"))
        <code> (ReasonReact.stringToElement(" src/app.re ")) </code>
        (ReasonReact.stringToElement("and save to reload!"))
      </p>
    </div>
};

I prefer:

bs.raw("require('./app.css')")

external logo: string = bs.module("./logo.svg")

let make = (~message) => {
  ...ReasonReact.statelessComponent("App"),
  render: () =>
    <div className="App">
      <div className="App-header">
        <img src=logo className="App-logo" alt="logo" />
        <h2> {message} </h2>
      </div>
      <p className="App-intro">
        To get started, edit
        <code> src/app.re </code>
        and save to reload!
      </p>
    </div>
}