Reshowcase

⚠️ this is a fork of original tool with rescript-react migration reverted, reason-react is used instead ⚠️

> A tool to create demos for your ReScript React components

!Screenshot

``rescript
open Reshowcase.Entry

// Create a demo
demo("Title", ({add}) => {
// Add an example
add("normal", ({string}) =>
// Register "handles" from your JSX directly


{string("text", "hello")->React.string}


)
add("font-size", ({string, int}) =>
style={ReactDOM.Style.make(
~fontSize={
// Handles can be strings, ints, floats and booleans
let size = int("font size", {min: 0, max: 100, initial: 30, step: 1})
${size->Belt.Int.toString}px
},
(),
)}>
{string("text", "hello")->React.string}

)
})

demo("Button", ({add}) =>
add("normal", ({string, bool}) =>

{string("text", "hello")->React.string}

)
)

start()
`

Install

`console
yarn add --dev reshowcase
`

Then add to your "reshowcase" to bs-dependencies in your bsconfig.json.

> If you're still using JSX 2, install reshowcase@1.4.0.

Usage

$3

`console
$ reshowcase start --entry=path/to/Demo.bs.js
`

$3

`console
$ reshowcase build --entry=path/to/Demo.bs.js --output=path/to/bundle
`

If you need custom webpack options, create the .reshowcase/config.js and export the webpack config, plugins and modules will be merged.

If you need a custom template, pass --template=./path/to/template.html`.