0.1.0 #1
@@ -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 (
|
||||||
|
|||||||
Reference in New Issue
Block a user