Frontend

Üretimde formda sorunlar olup olmadığını nasıl anlayabiliriz, örneğin kayıt tamamlanmıyorsa?

TTFB (Time To First Byte) metriği — SSR sırasında nasıl düşebilir, düşüşlerin doğası nedir ve nasıl iyileştirilebilir? Enter tuşuna basılmasından ekran üzerinde bir şey görünene kadar olan süreci açıklayın.

function promiseWithResolve() { // Uygulanmadı } const { resolve, promise } = promiseWithResolve(); promise.then((v) => console.log(v)) setTimeout(() => resolve(13), 10)

Verilen fonksiyonun çağrı sayısını belirli bir limiteye kadar sınırlandıran ve sayacı sıfırlamak için reset metodunu sağlayan callLimit fonksiyonunu uygulayın.

Bir durumu hayal edin: Yayın öncesinde, bir hata buluyorsunuz ve bu hata nedeniyle özellik düzgün çalışmıyor. Yayını ertelemek mümkün değil, ama bir şeylerin yanlış gittiğinin farkındasınız. Böyle bir durumda ne yapardınız?

Argümanla çağrıldığında sayıyı toplayan, argümansız çağrıldığında ise toplanmış sayıyı döndüren bir sum fonksiyonu yazmalısınız. Örneğin: sum(2)(1)(2)() 5 döndürmelidir.

Kullanıcı butona tıkladı, arka uçtan büyük bir veri dizisi geldi ve ekran takıldı. Bu neye bağlı olabilir ve sorunu nasıl çözebilirsiniz?

URL doğrulaması için TypeScript'te tip tanımlaması yapın, sadece şu şekilde doğru URL'lere izin verilsin: temel alan adı + yol (users/orders/messages) + yöntem (get/update/delete/ban). Rastgele dizeler derleme hatası oluşturmalı.

CI/CD ile çalıştın mı, belki Docker konteynerleri yaptın veya pipeline'lar kurdun mu?

Bir çevrimiçi mağazamız olduğunu varsayalım, burada ürün listesi 50'şer adet gösteriliyor ve sayfalama var. Kullanıcı ikinci sayfaya geçtiğinde, özellikle telefonda, uzun süre resimler yerine beyaz kareler görünüyor. Resimlerin daha hızlı görünmesi için nasıl bir yol izlenebilir?

Bu kodun ne yaptığını ve nasıl kullanılabileceğini anlayın. lodash'ta benzer bir helper var — eğer tanıyorsanız, sadece adını söyleyebilirsiniz.

export function foo(o, arr) { return arr.reduce((a, x) => { // eğer (o.hasOwnProperty(x)) a[x] = o[x]; if (o[x]) a[x] = o[x]; return a; }, {}); } const obj = {a: 's'} foo(obj, ['a'])

Diyelim ki, her kullanıcı siteye girdiğinde veya sayfayı yenilediğinde stillerin yüklenmesi uzun sürüyor. Kritik CSS yapmak zor. Özellikle CSS ve genel olarak herhangi bir statik içerikte neyi kontrol etmeliyiz?

Bir kullanıcı bazen düğmeye basılamadığını söylüyor, ancak yerel olarak sorun tekrarlanmadı. Hata ayıklama adımların nelerdir? Neler neden olabilir?

Thunk middleware içinde API'den veri nasıl alınır, API'nin ekstra argüman olarak geçirildiği dikkate alınarak?

Kullanıcı Adı bileşeninin, formun başarılı bir şekilde gönderilmesinden sonra yeni kullanıcı adını gösterdiğinden emin olun.

SSR ile çalıştınız mı? Ne yapıyordunuz — sadece SSR, SSG veya sadece Next.js mi kullanıyordunuz?

HTML ayrıştırma sürecini ne engelleyebilir?

Event Loop nasıl çalışır — hangi kuyruklar var, yürütme sırası nedir? Mikro görevler, makro görevler, requestAnimationFrame, requestIdleCallback hakkında bilgi verin.

Web Vitals ve özellikle FCP metriği hakkında duydunuz mu? Web Vitals metrikleri hakkında bildiklerinizi anlatın.