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

Fix
All checks were successful
Lint / lint (push) Successful in 25s
Details

Browse Source
This commit is contained in:
Julien Valverdé
2025-07-09 03:34:07 +02:00
parent eff379a63e
commit c2025d27b8
1 changed files with 6 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
packages/example/src/todo/Todos.tsx
View File

@@ -1,5 +1,5 @@
import { Container, Flex, Heading } from "@radix-ui/themes" import { Container, Flex, Heading } from "@radix-ui/themes"
import { Chunk } from "effect" import { Chunk, Console, Effect } from "effect"
import { Component, Hook } from "effect-fc" import { Component, Hook } from "effect-fc"
import { Todo } from "./Todo" import { Todo } from "./Todo"
import { TodosState } from "./TodosState.service" import { TodosState } from "./TodosState.service"
@@ -9,6 +9,11 @@ export const Todos = Component.make(function* Todos() {
const state = yield* TodosState const state = yield* TodosState
const [todos] = yield* Hook.useSubscribeRefs(state.ref) const [todos] = yield* Hook.useSubscribeRefs(state.ref)
yield* Hook.useOnce(() => Effect.andThen(
Console.log("Todos mounted"),
Effect.addFinalizer(() => Console.log("Todos unmounted")),
))
const VTodo = yield* Component.useFC(Todo) const VTodo = yield* Component.useFC(Todo)
return ( return (