Thilawyn/reffuse
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

0.1.3 #5

Merged
Thilawyn merged 104 commits from next into master 2025-03-11 01:44:38 +01:00
Conversation 0 Commits 104 Files Changed 28 +8 -8
2 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 86539f33f0 - Show all commits

8
packages/example/src/query/views/Uuid4QueryService.tsx
View File

@@ -7,15 +7,15 @@ import { Uuid4Query } from "../services"
export function Uuid4QueryService() {
const runSync = R.useRunSync()
const { state, refresh } = R.useMemo(() => Uuid4Query.Uuid4Query, [])
const [queryState] = R.useRefState(state)
const query = R.useMemo(() => Uuid4Query.Uuid4Query, [])
const [state] = R.useRefState(query.state)
return (
<Container>
<Flex direction="column" align="center" gap="2">
<Text>
{AsyncData.match(queryState, {
{AsyncData.match(state, {
NoData: () => "No data yet",
Loading: () => "Loading...",
Success: (value, { isRefreshing, isOptimistic }) =>
@@ -25,7 +25,7 @@ export function Uuid4QueryService() {
})}
</Text>
<Button onClick={() => runSync(refresh)}>Refresh</Button>
<Button onClick={() => runSync(query.refresh)}>Refresh</Button>
</Flex>
</Container>
)

8
packages/example/src/routes/query.tsx
View File

@@ -16,7 +16,7 @@ const Result = Schema.Tuple(Schema.String)
function RouteComponent() {
const runSync = R.useRunSync()
const { state, refresh } = R.useQuery({
const query = R.useQuery({
query: () => Console.log("Querying...").pipe(
Effect.andThen(Effect.sleep("500 millis")),
Effect.andThen(HttpClient.get("https://www.uuidtools.com/api/generate/v4")),
@@ -28,14 +28,14 @@ function RouteComponent() {
key: [],
})
const [queryState] = R.useRefState(state)
const [state] = R.useRefState(query.state)
return (
<Container>
<Flex direction="column" align="center" gap="2">
<Text>
{AsyncData.match(queryState, {
{AsyncData.match(state, {
NoData: () => "No data yet",
Loading: () => "Loading...",
Success: (value, { isRefreshing, isOptimistic }) =>
@@ -45,7 +45,7 @@ function RouteComponent() {
})}
</Text>
<Button onClick={() => runSync(refresh)}>Refresh</Button>
<Button onClick={() => runSync(query.refresh)}>Refresh</Button>
</Flex>
</Container>
)