Posts

packages/example/src/routes/index.tsx

@@ -1,4 +1,10 @@
+import { Reffuse } from "@/reffuse"
+import { FetchData } from "@/services"
+import { Reffuse as PostsReffuse } from "@/views/posts/reffuse"
+import { PostsState } from "@/views/posts/services"
+import { VPosts } from "@/views/posts/VPosts"
 import { createFileRoute } from "@tanstack/react-router"
+import { Effect, Layer, SubscriptionRef } from "effect"
 
 
 export const Route = createFileRoute("/")({
@@ -6,5 +12,20 @@ export const Route = createFileRoute("/")({
 })
 
 function Index() {
-    return <></>
+
+    const postsLayer = Reffuse.useMemo(FetchData.FetchData.pipe(
+        Effect.flatMap(({ fetchPosts }) => fetchPosts),
+        Effect.flatMap(SubscriptionRef.make),
+        Effect.map(posts => Layer.succeed(PostsState.PostsState, { posts })),
+    ))
+
+
+    return (
+        <div className="container mx-auto">
+            <PostsReffuse.Provider layer={postsLayer}>
+                <VPosts />
+            </PostsReffuse.Provider>
+        </div>
+    )
+
 }