Zustand ile Başlangıç: Adım Adım Rehber

Reading Time: < 1 minute

Okuma Süresi: < 1 dakika

Kurulum

npm install zustand

Bir Store Oluşturma

import create from 'zustand';

const useCartStore = create((set) => ({
  items: [],
  addItem: (item) => set((state) => ({ items: [...state.items, item] })),
  clearCart: () => set({ items: [] }),
}));

Store’u Bileşenlerde Kullanma

function Cart() {
  const { items, addItem } = useCartStore();
  return (
    <div>
      {items.map((item) => (
        <p key={item.id}>{item.name}</p>
      ))}
      <button onClick={() => addItem({ id: 1, name: 'Ürün' })}>
        Ürün Ekle
      </button>
    </div>
  );
}

Sonuç

Zustand’ın sadeliği, bu temel alışveriş sepeti örneğinde öne çıkıyor.