useDebounce hook

function useDebounce<T>(value: T, delay: number): T {
  const [debounced, setDebounced] = useState<T>(value);

  useEffect(() => {
    const t = setTimeout(() => setDebounced(value…

Radix UI Primitives

Unstyled, accessible components for building high-quality design systems and web apps in React.

www.radix-ui.com/primitives

Optimistic UI with useTransition

'use client';

function DeleteButton({ id }: { id: string }) {
  const [isPending, startTransition] = useTransition();

  return (
    <button
      disabled={isPending}
      onCl…