Ar žinai, kas yra FCP (First Contentful Paint) metrika? Įsivaizduokime, kad turime React programėlę — socialinį tinklą su server-side rendering, ir yra problema: kai naudotojas tiesiogiai įeina į kieno nors profilį, ilgai matosi baltas ekranas. Ar gali aprašyti žingsnius — kas vyksta nuo momento, kai naudotojas paspaudžia Enter, iki kol pasirodo pirmas turinys?
Frontend
Kaip įgyvendintum kliento pusės talpyklą?
Ar tau patiko dirbti su Redux kaip būsenos valdytoju sudėtingiems formoms?
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)
Užduoties sudėtingumas su memoize: užtikrinti, kad memoize funkcija kaip antras argumentas gautų krepšio gyvavimo laiką milisekundėmis, po kurio krepšys būtų nebegaliojantis.
Papasakok šiek tiek apie save, kas tave domina programavime, tavo paskutinė patirtis, galbūt padarei ką nors sudėtingo.
Ar girdėjai apie neseniai JavaScript atsiradusį helper Promise.withResolvers? Reikia parašyti jo analogą vietoje antros eilutės.
Yra kodas — reikia suprasti, ką jis daro, atlikti kodo peržiūrą: kokios yra problemos ir ką galima patobulinti.
Ką manai apie FSD (Feature-Sliced Design) metodologiją?
Kaip veikia išteklių talpykla naršyklėje — kaip naršyklė supranta, ar turi imti iš talpyklos ar vėl įkelti, ir kaip tai valdyti? Kokios yra talpyklavimo būdai, įskaitant Service Worker?
Ar galite išvardyti keletą Redux privalumų ir trūkumų?
Puslapyje yra 5000 prekių sąrašas, puslapis labai lėtai veikia. Verslas prašo, kad su tuo kažką padarytum. Ką siūlai?
Kas nutiks, jei pridėsite async atributą prie skripto head'e? Kuo skiriasi async ir defer?
Draugų puslapyje ir žinutėse rodomama panaši informacija apie vartotojus. Yra dvi galimybės: saugoti vartotojus vietiniuose kiekvienos funkcijos slices arba globaliame store. Kokie yra globalios parduotuvės privalumai ir trūkumai šiuo atveju?
Papaskokite apie savo ankstesnes darbo vietas — ką įdomaus darėte?
Kaip galima gauti duomenis iš kitos funkcijos slice (pvz., users slice) konkretaus naudotojo puslapyje, nepažeidžiant modulių ribų ir nepadarant nereikalingų užklausų?
Kokias alternatyvas žinote Redux ir kodėl jos neturi jo pranašumų? Kodėl Redux gerai testuojamas, o kontekstai — ne?
Ar yra buvę, kad vienoje produkto funkcijoje grąžinama daug laukų, o kitoje – tik du?
#React registracijos forma 1. Paaiškinkite, kaip veikia StateProvider, pasidalinkite savo mintimis su interviuotoju. 2. Pažiūrėkite į /src/api/mock, paaiškinkite, kaip tai veikia. 3. Patikrinkite SubmitButton spalvą ir pataisykite ją. 4. Įgyvendinkite kliento formos validaciją Signup komponentoje. (\*\*) Atminkite užduoties numerį 9. Taisyklės: - Vartotojo vardas, El. paštas, Slaptažodis ir Pakartotinai slaptažodis turi būti bent 6 simbolių ilgio; - Slaptažodis turi atitikti Pakartotinai slaptažodis; - Validacija turi būti atliekama paspaudus "Sign Up" mygtuką; - Laukai su netinkamomis reikšmėmis turi būti pažymėti (props error ir helperText); 6. API atsakymas gali turėti klaidą, kuri turi būti rodomas vartotojui šalia atitinkamo lauko. 7. Užtikrinkite, kad UserName komponentas rodo naują vartotojo vardą po sėkmingo siuntimo. 8. Įgyvendinkite naują SignupSuccess komponentą. Jis turėtų būti rodomas vietoje registracijos formos. 9. Įgyvendinkite serverio validaciją atitinkamiems laukams.
Gali trumpai papasakoti apie savo paskutinę patirtį ir ko tikiesi iš naujo darbo, ko ieškai naujoje pozicijoje?