Konuyu Açan
#1
Son zamanlarda yapay zekâ araçlarına Next.js App Router projelerinde küçük arayüz işleri veriyorum. En çok dikkatimi çeken şey, çalışan bir çözüm üretmelerinden ziyade, bazen bütün sayfayı istemeden istemci bileşenine çevirmeleri. Örneğin bir ürün sayfasında fiyat ve açıklama sunucuda hazırlanabilirken, yalnızca favori düğmesinin etkileşimli olması için tüm sayfaya “use client” eklenmesi gerekmiyor.
Ben artık isteğime özellikle “önce bileşen ağacını ve sunucu/istemci sınırını açıkla, sonra kodu üret” diye ekliyorum. Ayrıca tarayıcı API’leri, olay işleyicileri ve tarih ya da rastgele değer kullanan bölümler varsa bunları ayrı ayrı belirtmesini istiyorum. Böylece hem gereksiz istemci JavaScript’ini azaltabiliyorum hem de sunucuda ve tarayıcıda farklı değer üretilmesinden kaynaklanabilecek hydration sorunlarını daha erken fark ediyorum.
Yine de üretilen kodu, özellikle istemci bileşenlerine aktarılan prop’ların serileştirilebilir olup olmadığını ve etkileşimin gerçekten nerede gerektiğini kontrol etmek şart. Araçlar bazen doğru görünen ama sınırı gereğinden geniş tutan bir çözüm veriyor.
Siz yapay zekâdan bu sınırı nasıl belirlemesini istiyorsunuz? İyi sonuç aldığınız bir istem ya da sonradan düzeltmek zorunda kaldığınız bir örnek var mı?
Ben artık isteğime özellikle “önce bileşen ağacını ve sunucu/istemci sınırını açıkla, sonra kodu üret” diye ekliyorum. Ayrıca tarayıcı API’leri, olay işleyicileri ve tarih ya da rastgele değer kullanan bölümler varsa bunları ayrı ayrı belirtmesini istiyorum. Böylece hem gereksiz istemci JavaScript’ini azaltabiliyorum hem de sunucuda ve tarayıcıda farklı değer üretilmesinden kaynaklanabilecek hydration sorunlarını daha erken fark ediyorum.
Yine de üretilen kodu, özellikle istemci bileşenlerine aktarılan prop’ların serileştirilebilir olup olmadığını ve etkileşimin gerçekten nerede gerektiğini kontrol etmek şart. Araçlar bazen doğru görünen ama sınırı gereğinden geniş tutan bir çözüm veriyor.
Siz yapay zekâdan bu sınırı nasıl belirlemesini istiyorsunuz? İyi sonuç aldığınız bir istem ya da sonradan düzeltmek zorunda kaldığınız bir örnek var mı?