GitHub tüm arayüz stil altyapısını CSS Modules mimarisine taşıdı
Öne çıkanlar
- GitHub, github.com arayüzündeki tüm styled-components ve CSS-in-JS altyapısını CSS Modules ile değiştirdi.
- Kod tabanındaki 7 bin 760 adet satır içi sx prop'u otomatik araçlar ve Copilot ajanları yardımıyla temizlendi.
- Sunucu taraflı sayfa oluşturma sürelerinde yüzde 22'ye varan performans kazanımları kaydedildi.
- Yedi farklı temanın dinamik JavaScript bağımlılıkları kaldırılarak doğrudan CSS değişkenlerine bağlandı.
GitHub mühendislik ekibi, github.com genelinde kullanılan CSS-in-JS mimarisini tamamen terk ederek CSS Modules yapısına geçişi tamamladığını açıkladı. Primer tasarım sistemini kullanan bileşenlerin sayısının artmasıyla istemci ve sunucu tarafında ortaya çıkan performans darboğazlarını çözmeyi amaçlayan şirket, Aralık 2024'te tasarım sistemi bileşenlerini dönüştürdü. Ekip, geçiş sürecinde mevcut işlevleri bozmamak amacıyla aşamalı dağıtım ve özellik bayrakları kullandı.
İlk etapta @primer/styled-react adında bir ara paket oluşturan mühendisler, styled-components bağımlılıklarını izole etti. Nisan 2025'te başlatılan temizlik çalışmasında kod tabanındaki yaklaşık 7 bin 760 adet satır içi 'sx' prop'u tespit edildi. Sekiz mühendisten oluşan ekip, özel VS Code eklentisi ve otomatik kod dönüştürme araçları yardımıyla altı ayda 6 bin 419 prop'u temizledi. Bu aşamada sunucu taraflı render sürelerinde bazı sayfalarda yüzde 22'ye varan performans artışları ölçüldü.
Kalan 895 prop ise Nisan 2026'da Copilot kodlama ajanlarının desteğiyle iki mühendis tarafından üç haftada dönüştürüldü. Ardından platformdaki yedi farklı temanın styled-components ile çalışan JavaScript bağımlılıkları temizlendi ve tüm tema değişkenleri saf CSS'e devredildi. GitHub, Haziran 2026 itibarıyla tüm arayüz stillerini yüzde 100 CSS Modules üzerinden sunmaya başladı.
Bu özet yapay zekâ ile hazırlanmıştır; ayrıntılar ve doğrulama için orijinal kaynağa başvurun.