PUT Request | Effect Http Client

A PUT request tells the server to replace a resource entirely. You send the complete new version of the resource, and the server swaps out the old one. Any fields you don’t include are removed or reset to defaults.

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

8
function replaceProduct(
9
  productId: number,
10
  product: { title: string; price: number; category: string },
11
) {
12
  return Effect.gen(function* () {
13
    const client = yield* HttpClient.HttpClient;
14

15
    const request = HttpClientRequest.put(
16
      `https://dummyjson.com/products/${productId}`,
17
    ).pipe(HttpClientRequest.bodyJsonUnsafe(product));
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 — replace product 1 with entirely new data
27
Effect.runPromise(
28
  replaceProduct(1, {
29
    title: "Mechanical Keyboard",
30
    price: 199,
31
    category: "electronics",
32
  }),
33
).then((data) => {
34
  console.log("Updated product:", data.title, `- $${data.price}`);
35
});

Output:

1
Updated product: Mechanical Keyboard - $199

HttpClientRequest.put(url) creates a request with the PUT method. The rest of the pattern is identical to POST: attach a body and execute.

Stay in the loop