Fitur React 19 yang Wajib Kamu Tahu

React 19 telah resmi dirilis dan membawa sejumlah perubahan signifikan. Berikut fitur-fitur yang paling saya excited untuk digunakan.

Actions

Actions menyederhanakan penanganan form submission dan async mutations. Sebelumnya kita perlu manual mengelola isPending, error, dan success state. Sekarang cukup dengan useActionState.

function UpdateProfile() {
  const [state, action, isPending] = useActionState(updateProfileAction, null)

  return (
    <form action={action}>
      <input name="name" />
      <button disabled={isPending}>
        {isPending ? 'Menyimpan...' : 'Simpan'}
      </button>
    </form>
  )
}

Hook use()

Hook use() memungkinkan kita membaca Promise dan Context secara kondisional — sesuatu yang sebelumnya tidak mungkin dilakukan dengan hooks.

ref sebagai Prop

Tidak perlu lagi forwardRef! Di React 19, ref bisa langsung diterima sebagai prop biasa di functional components.

Saya sudah mencoba ketiga fitur ini di project kantor dan sejauh ini developer experience-nya jauh lebih baik.