diff --git a/packages/example/src/routes/dev/async-rendering.tsx b/packages/example/src/routes/dev/async-rendering.tsx index 7e92581..7b123c9 100644 --- a/packages/example/src/routes/dev/async-rendering.tsx +++ b/packages/example/src/routes/dev/async-rendering.tsx @@ -2,11 +2,12 @@ import { runtime } from "@/runtime" import { Flex, Text, TextField } from "@radix-ui/themes" import { createFileRoute } from "@tanstack/react-router" import { GetRandomValues, makeUuid4 } from "@typed/id" -import { Console, Effect } from "effect" +import { Effect } from "effect" import { Component, Hook } from "effect-fc" import * as React from "react" +// Generator version const RouteComponent = Component.make(function* AsyncRendering() { const VMemoizedAsyncComponent = yield* Component.useFC(MemoizedAsyncComponent) const VAsyncComponent = yield* Component.useFC(AsyncComponent) @@ -27,9 +28,29 @@ const RouteComponent = Component.make(function* AsyncRendering() { Component.withRuntime(runtime.context) ) -const AsyncComponent = Component.make(function* AsyncComponent() { - yield* Console.log("rendering") +// Pipeline version +// const RouteComponent = Component.make("RouteComponent")(() => Effect.Do, +// Effect.bind("VMemoizedAsyncComponent", () => Component.useFC(MemoizedAsyncComponent)), +// Effect.bind("VAsyncComponent", () => Component.useFC(AsyncComponent)), +// Effect.let("input", () => React.useState("")), +// Effect.map(({ input: [input, setInput], VAsyncComponent, VMemoizedAsyncComponent }) => +// +// setInput(e.target.value)} +// /> + +// +// +// +// ), +// ).pipe( +// Component.withRuntime(runtime.context) +// ) + + +const AsyncComponent = Component.make(function* AsyncComponent() { const VSubComponent = yield* Component.useFC(SubComponent) yield* Effect.sleep("500 millis")