Setting a Single Parameter | Effect Http Client

To set a single query parameter, use HttpClientRequest.setUrlParam().

In the example below, we add a limit parameter to restrict the number of users returned by the API.

1
import {
2
  FetchHttpClient,
3
  HttpClient,
4
  HttpClientRequest,
5
} from "effect/unstable/http";
6
import { Effect } from "effect";
7

8
function fetchUsersWithLimit(limit: number) {
9
  return Effect.gen(function* () {
10
    const client = yield* HttpClient.HttpClient;
11

12
    const request = HttpClientRequest.get("https://dummyjson.com/users").pipe(
13
      HttpClientRequest.setUrlParam("limit", limit.toString()),
14
    );
15

16
    const response = yield* client.execute(request);
17
    const data = yield* response.json;
18

19
    return data;
20
  }).pipe(Effect.provide(FetchHttpClient.layer));
21
}
22

23
// Test it
24
Effect.runPromise(fetchUsersWithLimit(3)).then((data) => {
25
  console.log("Names:", data.users.map((user) => user.firstName).join(", "));
26
});

Output:

1
Names: Emily, Michael, Sophia

Stay in the loop