Skip to content

opendevtools/rescript-hooks

Repository files navigation

Hooks for ReasonML

This is a port of @opendevtools/hooks for ReasonML/BuckleScript. This project was initially developed @iteam1337.

Installation

npm install @opendevtools/rescript-hooks

Add @opendevtools/rescript-hooks to bs-dependencies in bsconfig.json

Available Hooks

useToggle(~initialState: option(bool), unit): (bool, unit => unit)

initialState is set to false by default, that's why it's an option(bool)

Example

@react.component
let make = () => {
  let (isAlive, toggleValue) = OpenDevToolsHooks.useToggle()

  <button onClick={_ => toggleValue()}> {(isAlive ? `🚀` : `😴`)->React.string} </button>
}

Gets a value from a specified query param

useQueryParam(~param: Js.Dict.key): string

Example

@react.component
let make = () => {
  let param = OpenDevToolsHooks.useQueryParam(~param="sweetParam")

  <div> {"That's a nice query param with the value " ++ param |> React.string} </div>
}