reason-react

ReasonReact

Come join us in Discord!

Example

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

in another file:

ReactDOMRe.renderToElementWithId(<Greeting name="Taylor" />, "root");

For a more in-depth example, see: https://github.com/reasonml-community/reason-react-hacker-news

Quick start

BuckleScript compiles ReasonML code to JavaScript. You can get it with:

npm install --global bs-platform
bsb -init my-react-app -theme react-hooks
cd my-react-app && npm install && npm start
# in another tab
npm run server

Documentation

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

Contribute

git clone https://github.com/reasonml/reason-react.git
cd reason-react
npm install
npm start

Then add some files somewhere (don't forget to change bsconfig.json, if needed).

See the README inside src for more info!

Changelog

0.7.1

Small release with a couple additional bindings to existing React APIs.

New APIs:

• React.cloneElement
• React.Children
• useEffect, useLayoutEffect, useMemo, useCallback, useImperativeHandle now are all consistently implemented up to useX7 to improve usability.
• ReasonReactRouter.urlNotEqual

Also removes .cm* generated files from the release to clean up the build process.