Zustand vs Jotai Comparison

import { create } from 'zustand';

const useUserStore = create((set) => ({
    user: null,
    fetchUser: async (id) => {
        const user = await api.getUser(id);
        set({ user });
    }
}));

// Usage
function Profile() {
    const { user, fetchUser } = useUserStore();
    return <div>{user?.name}</div>;
}

import { atom, useAtom } from 'jotai';

const userAtom = atom<User | null>(null);
const userNameAtom = atom((get) => get(userAtom)?.name ?? "Guest");

function Profile() {
    const [user] = useAtom(userAtom);
    const [name] = useAtom(userNameAtom);  // Derived, fine-grained
    return <div>{name}</div>;
}