GitHub Primer'ın CSS Modules geçişi: agent'lardan önce guardrail'ler

GitHub, Primer'ı CSS Modules'e taşıyarak render süresini yarıya indirdi; agent'lar son 900 sx prop'u shim, flag ve snapshot'lar sayesinde bitirdi.

GitHub Primer'ın CSS-in-JS'ten CSS Modules'e geçişi kartı: %55 daha az sunucu render süresi ve geçiş zaman çizelgesi.

GitHub, Primer CSS-in-JS'ten CSS Modules'e geçtiğinde sunucu render süresini yarıdan fazla azalttı.

Kopyalamaya değer olan kısım son etap.

github.com genelinde sx prop'unu kaldırma işi yaklaşık 8.000 çağrı noktasıyla başladı. Dönüşümlü çalışan sekiz mühendis, bir VS Code eklentisi ve bir codemod ile altı ayda bunların yaklaşık 6.400'ünü taşıdı. Bu nisan, iki mühendis ve Copilot coding agent'ları kalan son 900'ü üç haftada temizledi.

Bunu güvenli kılan şeyler, agent'lar ortaya çıkmadan çok önce kurulmuştu:

  • eski sx çağıranlarının çalışmaya devam etmesi için bir wrapper paketi,
  • bileşen başına bir feature flag,
  • rollout öncesinde birebir eşleşmesi gereken görsel regresyon snapshot'ları.

sx prop'u sıfıra indiğinde bile yedi tema hâlâ styled-components üzerinden çalışıyordu. Bu iki ay daha sürdü.

Agent'ları bir migration'a yönlendirmeden önce dört şey kurun:

  • bir shim, bir flag, bir snapshot diff, bir geri dönüş yolu.

Agent'lar bir migration'ı bitirebilir. Başlatıp başlatmamalarına guardrail'ler karar verir.

Bu yazı İngilizce aslından Türkçeye çevrilmiştir.

Videoyu LinkedIn'de izle ↗