React View Transitions

React View Transitions, bir agent’ın React arayüzlerindeki durum değişimleri arasında tutarlı animasyonlar kurmasına yardımcı olan kapsamlı bir uygulama rehberidir. Hareketi yalnızca görsel süs olarak değil; gezinme yönünü, içerik devamlılığını, veri yüklenmesini ve yerleşim değişikliklerini anlatan bir araç olarak ele alır.

Öne çıkanlar

• Route geçişleri, bileşenler, listeler, ortak öğeler ve sonradan görüntülenen içerikler için animasyon planlar
• Hiyerarşik gezinme ile sekmeler arasındaki yatay geçişleri ayırarak uygun hareket yönünün seçilmesini sağlar
• React geçiş sınırlarını, bağlama göre belirlenen transition type yapılarını, CSS pseudo-element’lerini ve tekrar kullanılabilir stilleri kapsar
• Next.js App Router, link ve router işlemleri, Server Components ve Suspense senaryolarına yönelik bilgiler sunar
• Reduced motion tercihini, desteklenmeyen tarayıcıları, iç içe sınırları ve sessizce başarısız olabilen kurulumları hesaba katar

Bu skill, React veya Next.js projelerinde doğal görünen arayüz hareketleri tasarlamak, uygulamak ya da sorun gidermek isteyen geliştiriciler için uygundur. Pakette uygulama akışı, CSS tarifleri, framework notları ve hata ayıklama örnekleri içeren reference dosyaları bulunur; çalıştırılabilir yardımcı script içermez. Vercel Labs agent-skills deposundan yayımlanan skills CLI komutuyla kurulabilir.