diff --git a/packages/example/src/routes/streams/pull.tsx b/packages/example/src/routes/streams/pull.tsx index 7abcea5..0524b53 100644 --- a/packages/example/src/routes/streams/pull.tsx +++ b/packages/example/src/routes/streams/pull.tsx @@ -1,6 +1,8 @@ import { R } from "@/reffuse" +import { Button, Flex, Text } from "@radix-ui/themes" import { createFileRoute } from "@tanstack/react-router" -import { Stream } from "effect" +import { Option, Random, Stream } from "effect" +import { useMemo } from "react" export const Route = createFileRoute("/streams/pull")({ @@ -8,7 +10,14 @@ export const Route = createFileRoute("/streams/pull")({ }) function RouteComponent() { - const stream = R.useMemo(() => Stream.) + const stream = useMemo(() => Stream.repeatEffect(Random.nextInt), []) + const [value, pull] = R.usePullStream(stream) + const pullNext = R.useCallbackSync(() => pull, [pull]) - return
Hello "/streams/pull"!
+ return ( + + {Option.isSome(value) && {value.value}} + + + ) }