solid-createResource

products.ts

const fetchProducts = async () => {
    const res = await fetch('https://fakestoreapi.com/products');
    const data = await res.json();
    return data;
}

export default function ProductList() {
    const [products] = createResource(() => 
          fetchProducts()
    );
   return (
       <div>
       <h1>Products</h1>
          <ul>
              {products().map((product: any) => (
                 <li key={product.id}>
                     <Link href={`/products/${product.id}`}>
                        {product.title}
                     </Link>
                 </li>
              ))}
          </ul>
       </div>
   );  
}