FCP (First Contentful Paint) metrikasının nə olduğunu bilirsinizmi? Tutaq ki, React ilə hazırlanmış bir tətbiqimiz var — server tərəfli render ilə sosial şəbəkə, və bir problem var: istifadəçi birbaşa birinin profilinə daxil olduqda, uzun müddət ağ ekran görünür. Addımları izah edə bilərsinizmi — istifadəçi Enter düyməsini basdıqdan sonra ilk məzmun görünənə qədər nə baş verir?
İstifadəçi tərəfində keşləməyi necə həyata keçirərdin?
Brauzerdə resursların keşlənməsi necə işləyir — brauzer keşdən götürməli və ya yenidən yükləməli olduğunu necə başa düşür və bununla necə idarə olunur? Service Worker daxil olmaqla keşləmə üsulları hansılardır?
Yeni SignupSuccess komponentini həyata keçirin. U, uğurlu qeydiyyatdan sonra qeydiyyat formasının yerinə göstərilməlidir.
Bir az özünüz haqqında danışın, proqramlaşdırmada nə ilə maraqlanırsınız, son təcrübəniz nədir, bəlkə də çətin şeylər etmişsiniz.
Kod var — onun nə etdiyini başa düşmək, kod nəzərdən keçirmək: burada hansı problemlər var və nə yaxşılaşdırıla bilər.
Memoize ilə tapşırığın mürəkkəbliyi: memoize funksiyasının ikinci arqument kimi keşi ömrünü millisekundlarda almasını təmin etmək, onun müddəti bitdikdə keşi ləğv edir.
Mürəkkəb formalar üçün vəziyyət meneceri kimi Redux ilə işləməyi bəyənirdinizmi?
Yenicə JavaScript-də ortaya çıxan Promise.withResolvers köməkçisindən xəbəriniz var? İkinci sətir yerinə onun ekvivalentini yazmalısınız.
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)
Redux-un bir neçə müsbət və mənfi tərəfini qeyd edə bilərsənmi?
Səhifədə 5000 məhsuldan ibarət siyahı var, səhifə çox yavaş işləyir. Biznes bu barədə bir şey etməyinizi istəyir. Nə təklif edirsiniz?
FSD (Feature-Sliced Design) metodologiyasına necə baxırsınız?
Əvvəlki iş yerləriniz haqqında danışın — maraqlı nə işlər görmüsünüz?
Dostlar səhifəsində və messencerdə istifadəçilər haqqında oxşar məlumatlar göstərilir. İki variant var: istifadəçiləri hər bir funksiyanın lokal slices-də saxlamaq və ya qlobal store-da saxlamaq. Bu halda qlobal store-un üstünlükləri və çatışmazlıqları nələrdir?
Head-dəki skriptdə async atributu qoyulsa nə baş verər? async və defer arasındakı fərq nədir?
Redux-ə alternativ olaraq nə bilirsiniz və niyə onların onun üstünlükləri yoxdur? Niyə Redux yaxşı test olunur, kontekstlər isə yox?
Başqa xüsusiyyətin slice-dən (məsələn, users slice) müəyyən bir istifadəçinin səhifəsində məlumat necə əldə etmək olar, modullar arasındakı sərhədləri pozmadan və lazımsız sorğular etmədən?
#React qeydiyyat forması 1. StateProvider-in necə işlədiyini izah edin, fikirlərinizi müsahibəçiylə paylaşın. 2. /src/api/mock-ə baxın, necə işlədiyini izah edin. 3. SubmitButton-un rəngini yoxlayın və düzəldin. 4. Signup komponentində müştəri forması doğrulamasını həyata keçirin. (\*\*) 9-cu tapşırığı yadda saxlayın. Qaydalar: - Username, Email, Password və Repeat Password sahələri ən azı 6 simvol olmalıdır; - Password, Repeat Password ilə uyğun olmalıdır; - Doğrulama "Qeydiyyatdan keç" düyməsinə kliklədikdə edilməlidir; - Yanlış dəyərlərə malik sahələr işarələnməlidir (error və helperText props); 6. API cavabı xəta ola bilər və bu, istifadəçiyə müvafiq sahənin yaxınında göstərilməlidir. 7. Uğurlu göndərmədən sonra UserName komponentinin yeni istifadəçi adını göstərdiyindən əmin olun. 8. Yeni SignupSuccess komponentini tətbiq edin. Bu, qeydiyyat forması yerinə göstərilməlidir. 9. Uyğun sahələr üçün server doğrulamasını həyata keçirin.
Son təcrübəniz haqqında qısa danışa bilərsinizmi və yeni işdən nə gözləyirsiniz, yeni mövqedə nə axtarırsınız?
