ReasonReact hooks 库

ReasonML implementation of react-hooks-lib.

open ReasonHooksLib;

[@react.component]
let make = () => {
  open State;
  let {past, present, future, set, undo, redo} = useUndo(0);

  <div>
    {"counter: " |> React.string}
    {present |> string_of_int |> React.string}
    <button onClick={_ => set(prev => prev + 1)}>
      {React.string("+1")}
    </button>
    <button disabled={List.length(past) === 0} onClick={_ => undo()}>
      {React.string("undo")}
    </button>
    <button disabled={List.length(future) === 0} onClick={_ => redo()}>
      {React.string("redo")}
    </button>
  </div>;
};

Installation

1. yarn add reason-hooks-lib
2. add reason-hooks-lib to bs-dependencies in your bsconfig.json

Available Hooks

• State
  • useUndo
  • useCounter
  • useToggle
  • useStateCallback
  • createStore
• Lifecycle
  • useDidMount
  • useWillUnmount
  • useDidUpdate
• Feedback
  • useHover

Testing

If want to test your ReasonReact hooks easily, please take a look at reason-hooks-testing-library.