import { For, Show, createResource } from "solid-js";
import Card from "../components/Card";
const fetchProducts = async () => {
const res = await fetch('http://localhost:4000/products');
return res.json;
}
export default function Home() {
const [products] = createResource(fetchProducts);
return(
<Show when={products()} fallback={<p>Loading</p>}> <div class='grid grid-cols-4 gap-10 my-4'>
<For each={products()}>
{(product) => (
<Card rounded={true} flat={true}></Card>
)}
</For>
</div>
</Show>
// <p>{console.log(products(), products.loading)}</p>
);
}
import { For, Show, createResource } from "solid-js";
import Card from "../components/Card";
const fetchProducts = async () => {
const res = await fetch('http://localhost:4000/products');
return res.json;
}
export default function Home() {
const [products] = createResource(fetchProducts);
return(
<Show when={products()} fallback={<p>Loading</p>}> <div class='grid grid-cols-4 gap-10 my-4'>
<For each={products()}>
{(product) => (
<Card rounded={true} flat={true}></Card>
)}
</For>
</div>
</Show>
// <p>{console.log(products(), products.loading)}</p>
);
}