https://github.com/FabienHenon/bs-remotedata

RemoteData and WebData to use with bs-fetch for BuckleScript
https://github.com/FabienHenon/bs-remotedata

bucklescript http ocaml reason reasonml remotedata webdata

Last synced: about 2 months ago
JSON representation

RemoteData and WebData to use with bs-fetch for BuckleScript

• Host: GitHub
• URL: https://github.com/FabienHenon/bs-remotedata
• Owner: FabienHenon
• Created: 2018-08-14T11:50:35.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2019-01-29T09:02:21.000Z (over 5 years ago)
• Last Synced: 2024-07-11T20:14:54.507Z (2 months ago)
• Topics: bucklescript, http, ocaml, reason, reasonml, remotedata, webdata
• Language: OCaml
• Size: 109 KB
• Stars: 18
• Watchers: 2
• Forks: 6
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-list - bs-remotedata - fetch for BuckleScript | FabienHenon | 18 | (OCaml)

README

        
# bs-remotedata

`RemoteData` and `WebData` to use with `bs-fetch` and `bs-json` for BuckleScript

![Test status](https://travis-ci.org/FabienHenon/bs-remotedata.svg?branch=master)

`RemoteData.t` is a simple variant type that allows you to store a data that can have 4 potential states:

* `Success('a)`: your data has been successfully retrieved and stored

* `Failure('e)`: your data could not be retrieved

* `Loading`: your data is beeing fetched

* `NotAsked`: you didn't fetch your data yet

This type provides you many usefull functions to handle your data: `map`, `andThen`, `withDefault`, `fromOption`, `fromResult`, `fromPromise`, ...

The main goal for this type is to be used for HTTP requests. That's where `WebData` comes into play.

`WebData.t` is a `RemoteData.t` type but with the error type specified as a `WebData.error`. The `WebData` module provides some usefull functions to fetch data from API and convert it to a `WebData.t`. You can even provide your own _Json_ decoder to convert the result of your API call to a `WebData.t` of any type you want/need.

## Example

```reason

type person = {

  age: int,

  name: string

};

module Decode = {

  let personDecoderExn = json =>

    Json.Decode.{

      age: json |> field("age", int),

      name: json |> field("name", string)

    };

    

  let personDecoder = json =>

    try (Belt.Result.Ok(personDecoderExn(json))) {

    | Json.Decode.DecodeError(err) => Belt.Result.Error(err)

    };    

};

/* At app launch say you set your data state to `NotAsked` */

let data: WebData.t(person) = RemoteData.NotAsked;

/* You received an event and you need to retrieve your data */

let data: WebData.t(person) = RemoteData.Loading;

Fetch.fetch("http://my-api")

|> WebData.fromResponse(Decode.personDecoder)

|> Js.Promise.then_(data => {

  /* Here your data is still a WebData.t(person) and will be

    either Success(person), or Failure(httpError) */

});

```

## Installation

```

npm install --save bs-remotedata

```

Then add `bs-remotedata` to `bs-dependencies` in your `bsconfig.json`:

```

{

  ...

  "bs-dependencies": ["bs-remotedata"]

}

```

## Documentation

For the moment, please see the interface files:

* [RemoteData](src/RemoteData.rei)

* [WebData](src/WebData.rei)