What is Recoil and why use it over Redux? Recoil क्या है और Redux से बेहतर क्यों है?

// Recoil - simpler state management
import { atom, selector, useRecoilState } from 'recoil';

// Atom - unit of state
const userAtom = atom({
  key: 'user',
  default: null
});

// Component
function UserComponent() {
  const [user, setUser] = useRecoilState(userAtom);
  return <div>{user?.name}</div>;
}

// Selector - derived state
const userEmailSelector = selector({
  key: 'userEmail',
  get: ({ get }) => {
    const user = get(userAtom);
    return user?.email;
  }
});