Frontend

Rakenda uus SignupSuccess komponent. See peaks kuvama registreerimisvormi asemel pärast edukat registreerimist.

Kas sa tead, mis on FCP (First Contentful Paint) mõõdik? Oletame, et meil on React rakendus — sotsiaalvõrgustik serveripoolse renderdusega, ja on probleem: kui kasutaja sisestab otse kellegi profiili, jääb valge ekraan pikaks ajaks. Kas sa saad kirjeldada samme — mis toimub alates hetkest, kui kasutaja vajutab Enter kuni esimese sisu ilmumiseni?

Kuidas sa rakendaksid vahelehe kliendi poolel?

Racontes un peu sur toi, ce qui t'intéresse en programmation, ta dernière expérience, peut-être as-tu fait des choses difficiles.

Ülesande keerukus lisamine koos memoize'iga: tagada, et memoize funktsioon võtab teise argumentina kihi eluea millisekundites, mille möödudes kihi kehtivus lõpeb.

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)

Kas sulle meeldis töötada Reduxiga keerukate vormide olekuhaldurina?

On kood — tuleb mõista, mida see teeb, teha koodi ülevaatus: millised on probleemid ja mida saab parandada.

Kas tead, et hiljuti JavaScriptis ilmus abistaja Promise.withResolvers? Tuleb kirjutada selle ekvivalent teise rea asemel.

Kuidas sa suhtud FSD (Feature-Sliced Design) metodoloogiasse?

Kuidas töötab ressursite vahemälu brauseris — kuidas brauser mõistab, kas võtta vahemälust või laadida uuesti, ja kuidas seda hallata? Millised on vahemälu meetodid, sealhulgas Service Worker?

Kas saaksite nimetada paar plusse ja miinuseid Reduxist?

Leheküljel on 5000 toote nimekiri, leht väga aeglane. Äri küsib, et sellega midagi teha. Mida soovitad?

Mis juhtub, kui paned head'is skriptile attribuudi async? Kui erinevad on async ja defer?

Sõprade lehel ja sõnumirakenduses kuvatakse sarnane teave kasutajate kohta. On kaks võimalust: salvestada kasutajad kohalikes slices iga funktsiooni jaoks või globaalses storis. Millised on globaalse storu eelised ja puudused selles olukorras?

Rääkige oma varas töökohtadest — mida huvitavat teinud olete?

Kuidas saab saada andmeid teise funktsiooni slice'ist (näiteks, users slice) konkreetse kasutaja lehel, mitte rikkudes modulite piire ja ilma tarbetute päringuteta?

Milliseid alternatiive te Reduxi tead ja miks neil neil ole selle eeliseid? Miks Redux on hästi testitud ja kontekstid mitte?

#React registreerimisvorm 1. Selgitage, kuidas töötab StateProvider, jagage oma mõtteid intervjueerijaga. 2. Vaadake /src/api/mock, selgitage, kuidas see töötab. 3. Kontrollige SubmitButton värvi ja parandage see. 4. Rakendage klientpõhine vormi valideerimine Signup komponendis. (\*\*) Pidage meeles ülesande number 9. Reeglid: - Kasutajanimi, E-post, Parool ja Korda parooli väljad peaksid olema vähemalt 6 tähemärki; - Parool peaks vastama Korda parooli; - Valideerimine peaks toimuma "Sign Up" nupule klikkides; - Väljad, mille väärtused on kehtetud, tuleks märkida (props error ja helperText); 6. API vastus võib sisaldada viga, mida tuleks kasutajale näidata vastava välja lähedal. 7. Veenduge, et UserName komponent kuvab uue kasutajanime pärast edukat saatmist. 8. Rakendage uus SignupSuccess komponent. See peaks olema kuvatud asemel registreerimisvormile. 9. Rakendage serveripoolne valideerimine vastavate väljade jaoks.

Kas saaksid lühidalt rääkida oma viimatisest kogemusest ja mida sa ootad uuelt töökohalt, mida otsid uuel positsioonil?