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 11s
Details

Browse Source
This commit is contained in:
Julien Valverdé
2025-07-04 17:14:24 +02:00
parent 51a8db3137
commit c98e5423cd
1 changed files with 7 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -12,20 +12,19 @@ export const Todos = pipe(
const state = yield* TodosState const state = yield* TodosState
const [todos] = yield* ReactHook.useSubscribeRefs(state.ref) const [todos] = yield* ReactHook.useSubscribeRefs(state.ref)
const VTodosItem = yield* ReactComponent.useFC(TodosItem)
const VTodo = yield* ReactComponent.useFC(Todo)
return ( return (
<Container> <Container>
<Heading align="center">Todos</Heading> <Heading align="center">Todos</Heading>
<Flex direction="column" align="stretch" gap="2" mt="2"> <Flex direction="column" align="stretch" gap="2" mt="2">
{yield* ReactComponent.use(Todo, Todo => <VTodo _tag="new" />
<Todo _tag="new" />
)}
{yield* Effect.all(Chunk.map(todos, (v, k) => {Chunk.map(todos, (v, k) =>
ReactComponent.use(TodosItem, TodosItem => <VTodosItem key={v.id} index={k} />
<TodosItem key={v.id} index={k} /> )}
)
))}
</Flex> </Flex>
</Container> </Container>
) )