Code6d ago

useDebounce hook

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

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

#react#hooks#typescript

CodeAug 23

Drizzle + Postgres setup

import { drizzle } from 'drizzle-orm/postgres-js';
import postgres from 'postgres';
import * as schema from './schema';

const queryClient = postgres(process.env.DATABASE_URL!, { m…

#database#postgres#drizzle

CodeAug 19

Optimistic UI with useTransition

'use client';

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

  return (
    <button
      disabled={isPending}
      onCl…

#react#server-actions#ux