import { For, Accessor, createResource } from 'solid-js';
import { useRouteData, createRouteData } from 'solid-start';
type Student = { name: string; house: string };
export function routeData() {
return createRouteData(async () => {
const response = await fetch('https://hogwarts.deno.dev/students');
return (await response.json()) as Student[];
});
}
export default function Page() {
const students = useRouteData<typeof routeData>();
return (
<ul>
<For each={students()}>{(student) => <li>{student.name}</li>}</For>
</ul>
);
}
import { For, Accessor, createResource } from 'solid-js';
import { useRouteData, createRouteData } from 'solid-start';
type Student = { name: string; house: string };
export function routeData() {
return createRouteData(async () => {
const response = await fetch('https://hogwarts.deno.dev/students');
return (await response.json()) as Student[];
});
}
export default function Page() {
const students = useRouteData<typeof routeData>();
return (
<ul>
<For each={students()}>{(student) => <li>{student.name}</li>}</For>
</ul>
);
}
