← React48 / 78

Zustand: State Global Ringan Industri

Zustand adalah library state management modern yang sangat populer karena bebas boilerplate, performa tinggi (tanpa Provider), dan ramah TypeScript.

👀 Contoh dulu

import { create } from "zustand";
const useStore = create((set) => ({
  bears: 0,
  increase: () => set((state) => ({ bears: state.bears + 1 })),
}));

Hasilnya: Akses dan ubah state global langsung dari hook useStore().

💡 Zustand banyak menggantikan Redux pada aplikasi React modern.

📝 Sekarang giliranmu

Gunakan fungsi create dari library Zustand untuk membuat sebuah store bernama useStore. State awalnya berisi nilai count sebesar 0.

Preview
← SebelumnyaBerikutnya →