Frontend

Başarılı kayıt işleminden sonra kayıt formunun yerine görüntülenecek yeni bir SignupSuccess bileşeni uygulayın.

Kendinden biraz bahset, programlamada neyle ilgileniyorsun, son deneyimin nedir, belki zor şeyler yaptın.

Karmaşık formlar için durum yöneticisi olarak Redux ile çalışmayı sever miydin?

FCP (First Contentful Paint) metriğinin ne olduğunu biliyor musun? Diyelim ki bir React uygulamamız var — sunucu tarafı renderlı bir sosyal ağ, ve bir sorun var: kullanıcı doğrudan birinin profil sayfasına girdiğinde, uzun süre beyaz ekran kalıyor. Adımları anlatabilir misin — kullanıcının Enter'a bastığı andan ilk içeriğin görünmesine kadar ne oluyor?

İstemci tarafında önbellekleme nasıl gerçekleştirirdin?

Tarayıcıda kaynakların önbelleğe alınması nasıl çalışır — tarayıcı nasıl anlar, önbellekten mi almalı yoksa yeniden mi yüklemeli, ve bunu nasıl yönetir? Service Worker dahil olmak üzere hangi önbelleğe alma yöntemleri vardır?

console.log(1) setTimeout(() => { console.log(2) }, 10) setTimeout(() => { Promise.resolve().then(() => console.log(3)) }, 0); setTimeout(() => { console.log(4) }, 0); new Promise((_, reject) => { console.log(5) reject(6) console.log(7) }).then(() => console.log(8)) .catch(() => console.log(9)) .then(() => console.log(10)) .catch(() => console.log(11)) .then(() => console.log(12)) .then(console.log) .finally(() => console.log(13)) console.log(14)

Memoize ile görevin karmaşıklığı: memoize fonksiyonunun ikinci argüman olarak önbelleğin ömrünü milisaniye cinsinden almasını sağlamak, süresi dolduğunda önbelleğin geçersiz hale gelmesi.

Bir kod var — ne yaptığını anlamak, kod incelemesi yapmak: burada hangi sorunlar var ve ne geliştirilebilir.

JavaScript'te yakın zamanda çıkan Promise.withResolvers yardımcısından haberin var mı? İkinci satır yerine onun karşılığını yazman gerekiyor.

Redux'un birkaç artı ve eksisini söyleyebilir misin?

FSD (Feature-Sliced Design) metodolojisine nasıl bakıyorsunuz?

Sayfada 5000 ürünlük bir liste var, sayfa çok yavaşlıyor. İşletme bununla ilgili bir şey yapmamızı istiyor. Ne önerirsin?

Arkadaşlar sayfasında ve mesajlaşmada kullanıcılar hakkında benzer bilgiler gösteriliyor. İki seçenek var: kullanıcıları her özelliğin yerel dilimlerinde mi saklamak yoksa küresel bir store'da mı tutmak. Bu durumda küresel store'un avantajları ve dezavantajları nelerdir?

Head içindeki bir script'e async özniteliği eklenirse ne olur? async ve defer arasındaki fark nedir?

Önceki iş yerlerinizden bahsedin — ilginç neler yaptınız?

Başka bir özelliğin diliminden (örneğin, users dilimi) belirli bir kullanıcının sayfasında nasıl veri alınabilir, modüller arasındaki sınırları ihlal etmeden ve gereksiz istekler yapmadan?

Redux'e alternatif olarak ne biliyorsun ve neden avantajları yok? Neden Redux iyi test edilirken bağlamlar edilmez?

#React kayıt formu 1. StateProvider nasıl çalışıyor, görüşmeciyle düşüncelerinizi paylaşın. 2. /src/api/mock'a bakın, nasıl çalıştığını açıklayın. 3. SubmitButton rengini kontrol edin ve düzeltin. 4. Signup bileşeninde istemci form doğrulamasını uygulayın. (\*\*) 9. numaralı görevi aklınızda tutun. Kurallar: - Kullanıcı Adı, E-posta, Şifre ve Tekrar Şifre alanları en az 6 karakter olmalı; - Şifre, Tekrar Şifre ile eşleşmeli; - Doğrulama "Kayıt Ol" düğmesine tıklandığında yapılmalı; - Geçersiz değerlere sahip alanlar işaretlenmeli (error ve helperText props); 6. API yanıtında bir hata olabilir ve bu, ilgili alanın yakınında kullanıcıya gösterilmelidir. 7. Başarılı gönderimden sonra UserName bileşeninin yeni kullanıcı adını render ettiğinden emin olun. 8. Yeni SignupSuccess bileşenini uygulayın. Bu, kayıt formunun yerine gösterilmelidir. 9. Uygun alanlar için sunucu doğrulaması yapın.

Son deneyimin hakkında kısaca bahsedebilir misin ve yeni bir işten ne bekliyorsun, yeni pozisyondan ne arıyorsun?