React Best Practices

React Best Practices, AI coding agent'a React ve Next.js çalışmalarını performans açısından değerlendirebileceği düzenli bir çerçeve kazandırır. Yeni kod üretiminde, code review sırasında ve mevcut bileşenleri yeniden düzenlerken sunucu, tarayıcı ve component ağacındaki kararları birlikte ele alır. Konuların olası etkilerine göre sıralanması, büyük mimari darboğazlarla küçük çalışma zamanı iyileştirmelerini ayırmayı kolaylaştırır.

Öne çıkanlar

• Yanıt veya render süresini uzatan ardışık async işlemleri belirlemeye yardımcı olur
• Import yapısını, koşullu yüklemeyi ve üçüncü taraf kodlarını bundle maliyeti açısından inceler
• Sunucu render'ı, cache kullanımı, veri aktarımı ve istek verimliliğini kapsar
• Gereksiz rerender üreten state, effect ve subscription kalıplarını değerlendirir
• Sık çalışan kod yolları için tarayıcı render'ı ve JavaScript önerileri sunar

Bu skill; geliştirme, bakım veya performans incelemesinde coding agent kullanan React geliştiricilerine, Next.js ekiplerine ve code reviewer'lara yöneliktir. Tek bir lint denetimi yerine veri çekme, component sınırları ve istemciye gönderilen kod miktarı boyunca ortak bir yaklaşım gerektiğinde özellikle değerlidir. Vercel’in açık agent-skills koleksiyonundan skills CLI ile kurulabilir; klasörde ayrıntılı kural dosyaları ve bunları işleyen yardımcı araçlar da bulunur.