Thilawyn/effect-fc
1
0
Fork 0
Code Issues 1 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

0.2.1 #26

Merged
Thilawyn merged 144 commits from next into master 2025-12-01 23:37:40 +01:00
Conversation 0 Commits 144 Files Changed 27 +7 -4
1 changed files with 7 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 9beddc0877 - Show all commits

11
packages/example/src/routes/result.tsx
View File

@@ -2,7 +2,7 @@ import { HttpClient } from "@effect/platform"
import { Container, Heading, Text } from "@radix-ui/themes" import { Container, Heading, Text } from "@radix-ui/themes"
import { createFileRoute } from "@tanstack/react-router" import { createFileRoute } from "@tanstack/react-router"
import { Effect, Match, Schema } from "effect" import { Effect, Match, Schema } from "effect"
import { Component } from "effect-fc" import { Component, Result, Subscribable } from "effect-fc"
import { runtime } from "@/runtime" import { runtime } from "@/runtime"
@@ -13,12 +13,15 @@ const Post = Schema.Struct({
body: Schema.String, body: Schema.String,
}) })
const Result = Component.makeUntraced("Result")(function*() { const ResultView = Component.makeUntraced("Result")(function*() {
const result = yield* Component.useOnMountResult(() => HttpClient.HttpClient.pipe( const resultSubscribable = yield* Component.useOnMount(() => HttpClient.HttpClient.pipe(
Effect.andThen(client => client.get("https://jsonplaceholder.typicode.com/posts/1")), Effect.andThen(client => client.get("https://jsonplaceholder.typicode.com/posts/1")),
Effect.andThen(response => response.json),
Effect.andThen(Schema.decodeUnknown(Post)), Effect.andThen(Schema.decodeUnknown(Post)),
Effect.tap(Effect.sleep("250 millis")), Effect.tap(Effect.sleep("250 millis")),
Result.forkEffect,
)) ))
const [result] = yield* Subscribable.useSubscribables(resultSubscribable)
return ( return (
<Container> <Container>
@@ -40,5 +43,5 @@ const Result = Component.makeUntraced("Result")(function*() {
) )
export const Route = createFileRoute("/result")({ export const Route = createFileRoute("/result")({
component: Result component: ResultView
}) })