Global State (Redux vs Zustand)

// --- A Simple Zustand Implementation ---
// npm install zustand
/* 
import { create } from 'zustand'

// 1. Create the global store
const useBearStore = create((set) => ({
  bears: 0,
  increasePopulation: () => set((state) => ({ bears: state.bears + 1 })),
  removeAllBears: () => set({ bears: 0 }),
}))

// 2. Consume it anywhere in your app (No Providers needed!)
function BearCounter() {
  // Selecting only the specific data we need prevents unnecessary re-renders
  const bears = useBearStore((state) => state.bears)
  return <h1>{bears} around here ...</h1>
}

function Controls() {
  const increasePopulation = useBearStore((state) => state.increasePopulation)
  return <button onClick={increasePopulation}>one up</button>
}
*/

console.log("Zustand provides a tiny, unopinionated global state solution compared to Redux's strict architecture.");