5.2.0 • Published 2 years ago
reshowcase v5.2.0
Reshowcase
A tool to create demos for your ReScript React components
open Reshowcase.Entry
// Create a demo
demo(({addCategory}) => {
addCategory("Title", ({addDemo}) => {
// Add an example
addDemo("normal", ({string}) =>
// Register "handles" from your JSX directly
<h1> {string("text", "hello")->React.string} </h1>
)
addDemo("font-size", ({string, int}) =>
<h1
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}
</h1>
)
})
})
demo(({addCategory}) =>
addCategory("Button", ({addDemo}) =>
addDemo("normal", ({string, bool}) =>
<button disabled={bool("disabled", false)}> {string("text", "hello")->React.string} </button>
)
)
)
start()
Install
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
To start / develop:
$ reshowcase start --entry=path/to/Demo.bs.js
To build bundle:
$ 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
.
5.2.0
2 years ago
5.1.0
2 years ago
5.0.0
2 years ago
4.4.0
3 years ago
4.3.2
3 years ago
4.3.1
3 years ago
4.3.0
3 years ago
4.2.0
3 years ago
4.1.0
3 years ago
4.1.1
3 years ago
4.0.4
3 years ago
4.0.3
3 years ago
4.0.2
3 years ago
4.0.1
3 years ago
4.0.0
3 years ago
3.1.0
3 years ago
3.0.1
3 years ago
3.0.0
4 years ago
2.0.2
4 years ago
2.0.1
4 years ago
2.0.0
4 years ago
1.4.0
5 years ago
1.3.0
5 years ago
1.2.1
5 years ago
1.2.0
5 years ago
1.1.2
5 years ago
1.1.1
5 years ago
1.1.0
5 years ago
1.0.0
5 years ago