// Before: unclear intent
if (user.role === 'admin' || (user.role === 'editor' && resource.authorId === user.id)) {

// After: named condition
const canEdit = user.role === 'admin' || (user.role === 'editor' && resource.authorId === user.id);
if (canEdit) {

// Before: nested
function process(data) {
  if (data) {
    if (data.valid) {
      return transform(data);
    }
  }
  return null;
}

// After: early returns
function process(data) {
  if (!data) return null;
  if (!data.valid) return null;
  return transform(data);
}

// Before: inline logic
const articles = data.map(item => ({
  id: item.id,
  title: item.title.trim(),
  slug: item.title.toLowerCase().replace(/\s+/g, '-'),
  date: new Date(item.created_at).toISOString(),
}));

// After: extracted transformer
function toArticle(item) {
  return {
    id: item.id,
    title: item.title.trim(),
    slug: slugify(item.title),
    date: formatDate(item.created_at),
  };
}
const articles = data.map(toArticle);

// Before: switch statement
switch (status) {
  case 'draft': return 'gray';
  case 'published': return 'green';
  case 'archived': return 'red';
  default: return 'gray';
}

// After: object lookup
const statusColors = { draft: 'gray', published: 'green', archived: 'red' };
return statusColors[status] ?? 'gray';

// Before: repeated conditions
if (type === 'image') handleImage(file);
if (type === 'video') handleVideo(file);
if (type === 'document') handleDocument(file);

// After: handler map
const handlers = { image: handleImage, video: handleVideo, document: handleDocument };
handlers[type]?.(file);