Özet - Zustand

Bir tema store'u yazıp iki bileşene bağlarsın.

Özet - Zustand

Bu grupta Zustand'ın ne olduğunu, create ile store yazmayı ve shallow ile gereksiz çizimleri önlemeyi öğrendin. Şimdi bunları birleştirme zamanı.

Tipik akış: create ile bir tema store'u yazarsın; bileşenler selector ile tema okur; toggle ile tema değiştirir. Provider gerekmez.

Bir sonraki adımda tam bir tema akışı yazacaksın.

Uygulama Tema değiştirici bileşen

Aşağıdaki iskeleti tamamla. ThemeToggle bileşeni yaz. useTheme'i (s) => s.theme selectorü ile çağır (theme al). useTheme'i (s) => s.toggle selectorü ile çağır (toggle al). <button onClick={toggle}>{theme}</button> döndür. export default ekle.

Örnek çözümü göster

import { useTheme } from './useTheme';

function ThemeToggle() {
  const theme = useTheme((s) => s.theme);
  const toggle = useTheme((s) => s.toggle);
  return <button onClick={toggle}>{theme}</button>;
}

export default ThemeToggle;

Kendini test et

Bu grupta işlenmeyen konu?
```
Three topics were covered; Provider was not.
```
- create ile store
- Selector kullanımı
- shallow karşılaştırma
- Redux Provider
Cevabı göster

Redux Provider — Redux Provider bu grupta işlenmedi.

toggle çağrısı

const toggle = use____((s) => s.toggle);

Cevabı göster

const toggle = useTheme((s) => s.toggle);

Sıradaki ders: Proje: State yönetimi

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler