Da li znaš šta je metrika FCP (First Contentful Paint)? Pretpostavimo da imamo React aplikaciju — društvenu mrežu sa server-side renderingom, i postoji problem: kada korisnik direktno uđe na nečiji profil, dugo ostaje beli ekran. Možeš li opisati korake — šta se dešava od trenutka kada korisnik pritisne Enter do pojave prvog sadržaja?
Frontend
Kako bi implementirao keširanje na strani klijenta?
Покажи мало о себи, чиме се бавиш у програмирању, твоје последње искуство, можда си радио неке тешке ствари.
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)
Da li ti se svidelo da radiš sa Redux-om kao menadžerom stanja za složene forme?
Захтевнија сложеност задатка са memoize: направити да функција memoize као други аргумент добија време трајања кеша у милисекундама, након чега се кеш инвалидира.
Постоји код — треба разумети шта он ради, направити преглед кода: које су проблеме и шта може бити побољшано.
Da li si čuo za pomoćnika Promise.withResolvers koji je nedavno stigao u JavaScript? Treba da napišeš njegov ekvivalent umesto drugog reda.
Kako se odnosiš prema metodologiji FSD (Feature-Sliced Design)?
Kako funkcioniše keširanje resursa u pretraživaču — kako pretraživač odlučuje da li će uzeti iz keša ili ponovo učitati, i kako to upravljati? Koje su metode keširanja, uključujući Service Worker?
Можеш ли да наведеш пар предности и мана Redux-а?
Na stranici postoji lista od 5000 proizvoda, stranica se jako usporava. Poslovni traži da se s tim nešto uradi. Šta predlažeš?
Šta će se desiti ako stavite atribut async na skriptu u head? U čemu je razlika između async i defer?
Na stranici prijatelja i u messengeru prikazuje se slična informacija o korisnicima. Postoje dve opcije: čuvati korisnike u lokalnim slice-ovima svake funkcije ili u globalnom store-u. Koje su prednosti i mane globalnog store-a u ovom slučaju?
Реците о претходним местима рада — шта интересантно сте радили?
Kako dobiti podatke iz slice-a druge funkcije (npr. users slice) na stranici određenog korisnika, ne narušavajući granice između modula i ne praveći nepotrebne zahteve?
Koje alternative Redux poznaješ i zašto one nemaju njegove prednosti? Zašto je Redux dobro testiran, a konteksti nisu?
Da li se desilo da u jednoj funkciji proizvoda bude vraćeno mnogo polja, a u drugoj samo dva?
#React obrazac za prijavu 1. Objasnite kako radi StateProvider, podijelite svoje misli s intervjuatorom. 2. Pogledajte /src/api/mock, objasnite kako to radi. 3. Provjerite boju SubmitButton i ispravite je. 4. Implementirajte klijentsku validaciju obrasca u komponenti Signup. (\*\*) Imajte na umu zadatak broj 9. Pravila: - Polja Korisničko ime, Email, Lozinka i Ponovi Lozinku trebaju imati najmanje 6 znakova; - Lozinka treba odgovarati Ponovi Lozinku; - Validacija treba biti izvršena na klik na "Sign Up"; - Polja s nevažećim vrijednostima trebaju biti označena (props error i helperText); 6. Odgovor API-a može sadržavati pogrešku koja treba biti prikazana korisniku u blizini odgovarajućeg polja. 7. Uvjerite se da komponenta UserName prikazuje novo korisničko ime nakon uspješnog slanja. 8. Implementirajte novi komponent SignupSuccess. Trebao bi biti prikazan umjesto obrasca za prijavu. 9. Implementirajte serversku validaciju za odgovarajuća polja.
Можеш ли кратко да говориш о свом последњем искуству и шта очекујеш од новог посла, шта тражиш на новој позицији?