State Management with Zustand: Lightweight Stores

Zustand Store Architecture

import { create } from 'zustand';
import { persist } from 'zustand/middleware';

export const useTutorialStore = create(
    persist(
        (set, get) => ({
            activeTrack: 'react',
            completedLessons: [],
            markCompleted: (slug) => set((state) => ({
                completedLessons: [...new Set([...state.completedLessons, slug])]
            })),
            isLessonDone: (slug) => get().completedLessons.includes(slug)
        }),
        { name: 'e-tutorial-progress' }
    )
);