n8n-pilot: Command for Claude Code

Помоги оптимизировать производительность указанного кода.

Области оптимизации:

1. React Performance

Проверь:

• Нет ли лишних ре-рендеров
• Используется ли мемоизация (useMemo, useCallback)
• Правильно ли используются keys в списках
• Можно ли использовать React.memo
• Нет ли создания объектов/функций в рендере

Оптимизации:

// ❌ Плохо
function Component() {
  return <Child onClick={() => {}} data={{}} />
}

// ✅ Хорошо
const EMPTY_DATA = {}
function Component() {
  const handleClick = useCallback(() => {}, [])
  return <Child onClick={handleClick} data={EMPTY_DATA} />
}

2. Database Queries

Проверь:

• Запрашиваются только нужные поля
• Используются индексы
• Нет N+1 проблем
• Используется pagination
• Есть ли лимиты на выборку

Оптимизации:

// ❌ Плохо
const { data } = await supabase.from('chats').select('*')

// ✅ Хорошо
const { data } = await supabase
  .from('chats')
  .select('id, title, created_at')
  .limit(20)
  .order('created_at', { ascending: false })

3. Bundle Size

Проверь:

• Используются ли dynamic imports
• Нет ли лишних зависимостей
• Оптимизированы ли изображения
• Используется ли tree shaking

Оптимизации:

// ❌ Плохо
import HeavyLibrary from 'heavy-library'

// ✅ Хорошо
const HeavyLibrary = dynamic(() => import('heavy-library'), {
  loading: () => <Spinner />
})

4. Caching

Проверь:

• Используется ли React cache
• Правильно ли работает revalidation
• Используется ли SWR/React Query
• Кэшируются ли статические данные

5. Network

Проверь:

• Объединены ли похожие запросы
• Используется ли параллельная загрузка
• Есть ли prefetching
• Оптимизирован ли размер ответов

6. Images & Media

Проверь:

• Используется ли next/image
• Правильные ли размеры изображений
• Используется ли lazy loading
• Форматы оптимизированы (WebP)

Процесс оптимизации: