Using HttpClientRequest | Effect Http Client

For more control over your requests, you can use HttpClientRequest to build a request object first, then execute it.

This is the pattern we’ll use throughout the rest of this course because it composes better and gives you more flexibility.

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

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

12
    // Step 1: Create a request object
13
    const request = HttpClientRequest.get(
14
      `https://dummyjson.com/users/${userId}`,
15
    );
16

17
    // Step 2: Execute the request
18
    const response = yield* client.execute(request);
19

20
    // Step 3: Parse the response
21
    const user = yield* response.json;
22

23
    return user;
24
  }).pipe(Effect.provide(FetchHttpClient.layer));
25
}
26

27
// Test it
28
Effect.runPromise(fetchUserWithRequest(3)).then((user) => {
29
  console.log("Name:", user.firstName, user.lastName);
30
});

The HttpClientRequest pattern separates request creation from execution:

Create: HttpClientRequest.get(url) creates a request object.
Modify(optional): Add headers, URL parameters, a request body, and more using .pipe(). In the example above, we don’t customize the request, but you’ll see plenty of examples in the upcoming chapters.
Execute: client.execute(request) sends the request.

Output:

1
Name: Sophia Brown

Stay in the loop