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

Tests
All checks were successful
Lint / lint (push) Successful in 13s
Details

Browse Source
This commit is contained in:
Julien Valverdé
2025-08-07 06:41:30 +02:00
parent f8b356ef39
commit fa90d9438b
1 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
packages/example/src/routes/dev/async-rendering.tsx
View File

@@ -2,7 +2,7 @@ import { runtime } from "@/runtime"
import { Flex, Text, TextField } from "@radix-ui/themes" import { Flex, Text, TextField } from "@radix-ui/themes"
import { createFileRoute } from "@tanstack/react-router" import { createFileRoute } from "@tanstack/react-router"
import { GetRandomValues, makeUuid4 } from "@typed/id" import { GetRandomValues, makeUuid4 } from "@typed/id"
import { Effect } from "effect" import { Effect, Types } from "effect"
import { Component, Memoized, Suspense } from "effect-fc" import { Component, Memoized, Suspense } from "effect-fc"
import { Hooks } from "effect-fc/hooks" import { Hooks } from "effect-fc/hooks"
import * as React from "react" import * as React from "react"
@@ -64,9 +64,11 @@ class AsyncComponent extends Component.make(Effect.fnUntraced(function* AsyncCom
</Flex> </Flex>
) )
})).pipe( })).pipe(
Suspense.suspense, // Suspense.suspense,
Suspense.withOptions({ defaultFallback: <p>Loading...</p> }), // Suspense.withOptions({ defaultFallback: <p>Loading...</p> }),
) {} ) {}
const AsyncComponent2 = Suspense.withOptions(Suspense.suspense(AsyncComponent), {})
type T = Types.Simplify<typeof AsyncComponent2>
class MemoizedAsyncComponent extends Memoized.memo(AsyncComponent) {} class MemoizedAsyncComponent extends Memoized.memo(AsyncComponent) {}
class SubComponent extends Component.make(Effect.fnUntraced(function* SubComponent() { class SubComponent extends Component.make(Effect.fnUntraced(function* SubComponent() {