AsyncHook ⏳ 🎣

![All Contributors](#contributors-)

A simple hook for sane promise handling for ReasonReact.
Allowing you to pass additional arguments for the call using currying.

``reason [@react.component] let make = () => { let (AsyncHook.{state: createUserState}, createUser) = AsyncHook.use((~cb, ~name, ~age) => cb(() => { // It accepts anything that returns a Promise.t(result('a, 'e)) fetch("/user", ~params={ name, age, }) }));

let onSubmit= () => { createUser(~name=form.values.name, ~age=form.values.age) // Handle the result after the call |> Promise.tapError(error => { Js.log(error) }) |> Promise.getOk(result => { Js.log("Success!") }) };

// or use the declarative mode


    {
      switch(createUserState) {
        | Idle => 
        | Loading => {"Loading..."->React.string}

        | Error(error) => 
          
            "User created with id #"->React.string
            {data.user.id->React.string}
          

        | Data(data) =>
          
            "User created with id #"->React.string
            {data.user.id->React.string}
          

      }
    }


Installation

`yarn add reason-async-hook reason-promise`

bsconfig.json`json "bs-dependencies": [ "reason-async-hook", "reason-promise" ]`

Promises are better with reason-promise!

`How does it work`

We just leverage ReasonML currying and awesome type inference. reason-promiseruns on top of JavaScript promises but it adds more functionality to them, and the one we want is theresult` type one, allowing for fine-grained control over the call and railway programming.

Contributors ✨

Thanks goes to these wonderful people (emoji key):

_{Gabriel Rubens}
💻 🤔 📖

_{Marcos Oliveira}
📖 🎨

_{Guilherme de Andrade}
📖

This project follows the all-contributors specification. Contributions of any kind welcome!

AsyncHook ⏳ 🎣

![All Contributors

A simple hook for sane promise handling for ReasonReact.
Allowing you to pass additional arguments for the call using currying.

reason
[@react.component]
let make = () => {
  let (AsyncHook.{state: createUserState}, createUser) = AsyncHook.use((~cb, ~name, ~age) => cb(() => {
    // It accepts anything that returns a Promise.t(result('a, 'e))
    fetch("/user", ~params={
      name,
      age,
    })
  }));

  let onSubmit= () => {
    createUser(~name=form.values.name, ~age=form.values.age)
    // Handle the result after the call
    |> Promise.tapError(error => {
      Js.log(error)
    })
    |> Promise.getOk(result => {
      Js.log("Success!")
    })
  };

  // or use the declarative mode


    {
      switch(createUserState) {
        | Idle => 
        | Loading => {"Loading..."->React.string}

        | Error(error) => 
          
            "User created with id #"->React.string
            {data.user.id->React.string}
          

        | Data(data) =>
          
            "User created with id #"->React.string
            {data.user.id->React.string}
          

      }
    }

}

Installation


yarn add reason-async-hook reason-promise

bsconfig.json

json
  "bs-dependencies": [
    "reason-async-hook",
    "reason-promise"
  ]

Promises are better with reason-promise!