ℹ️ This article is authentic, fully organic, handcrafted by a human mind. No AI was harmed or used in generating the ideas for content and title. Before diving into concepts, let’s first look at some code and see how simple and elegant Zustand can be. theme.store.ts import { create } from "zustand"; type ThemeStore = { theme: "light" | "dark"; toggleTheme: () => void; }; export const useThemeStore = create<ThemeStore>((set) => ({ theme: "light", toggleTheme: () => set((state) => ({ theme: state....

ℹ️ This article is authentic, fully organic, handcrafted by a human mind. No AI was harmed or used in generating the ideas for content and title. 'use use' is a meme going around in a react ecosystem, with the introduction of many use directives like: "use client" "use server" "use cache" "use memo" "use no memo" "use dom" But this article is not about directives, its about the use hook....

ℹ️ This article is authentic, fully organic, handcrafted by a human mind. No AI was harmed or used in generating the ideas for content and title. themeAtom.ts import { atom } from "jotai"; export const themeAtom = atom("light"); App.tsx import { useAtom } from "jotai"; import { themeAtom } from "./themeAtom"; function App() { const [theme, setTheme] = useAtom(themeAtom); const toggleTheme = () => { setTheme((prev) => (prev === "light" ?...