SolidStart Data — SolidJS

SolidStart menyediakan primitives untuk data loading dan mutations. createAsync import { createAsync } from "@solidjs/router" const getUsers = cache(async () =>

SolidStart menyediakan primitives untuk data loading dan mutations.

createAsync

import { createAsync } from "@solidjs/router"

const getUsers = cache(async () => {
  const res = await fetch("/api/users")
  return res.json()
}, "users")

function Users() {
  const users = createAsync(() => getUsers())

  return (
    <For each={users()}>
      {user => <p>{user.name}</p>}
    </For>
  )
}

Server Actions

"use server"

async function addUser(formData) {
  const name = formData.get("name")
  await db.users.create({ name })
}

createAsync menggantikan createResource di SolidStart untuk data loading yang terintegrasi dengan routing.

Yang akan kamu pelajari