Setting Multiple Parameters | Effect Http Client

To set multiple query parameters, use HttpClientRequest.setUrlParams().

In the example below, we add both limit and sortBy parameters to control how many users are returned and in what order.

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

8
function fetchUsersPaginated(options: { limit: number; sortBy: string }) {
9
  return Effect.gen(function* () {
10
    const client = yield* HttpClient.HttpClient;
11

12
    const request = HttpClientRequest.get("https://dummyjson.com/users").pipe(
13
      HttpClientRequest.setUrlParams({
14
        limit: options.limit.toString(),
15
        sortBy: options.sortBy,
16
      }),
17
    );
18

19
    const response = yield* client.execute(request);
20
    const data = yield* response.json;
21

22
    return data;
23
  }).pipe(Effect.provide(FetchHttpClient.layer));
24
}
25

26
// Test it
27
Effect.runPromise(
28
  fetchUsersPaginated({
29
    limit: 5,
30
    sortBy: "firstName",
31
  }),
32
).then((data) => {
33
  data.users.map((user) => {
34
    console.log(`  ${user.firstName} ${user.lastName}`);
35
  });
36
});

Output:

1
Aaliyah Hanson
2
Aaliyah Martinez
3
Aaron Cook
4
Abigail Rivera
5
Addison Wright

Stay in the loop