Frontend

Kaip išspręsti perteklinių duomenų užklausų problemą kliente, kai duomenys jau buvo įkelti į serverį per SSR?

Jei turėtum visišką laisvę, kokią idealią formą sukurtum? Kokius požiūrius, technologijas ir metodus naudotum (validacija, klaidų tvarkymas, UX, DX)?

Ką naudota dirbant su daugiamačiais formomis — patvirtinimui, su kokiomis problemomis susidūrė, kaip testavo?

Kaip galima talpinti duomenis į talpyklą serveryje, kad vartotojų įkėlimas būtų greitesnis?

Su kokiais framework'ais ar įrankiais dirbate? Ar naudojate AI įrankius savo darbe?

Puslapyje yra grotuvas. Reikia padaryti taip, kad paspaudus stop viename skirtuke, grojimas sustotų ir kitame skirtuke. Kaip įgyvendintum tarpusavio komunikaciją tarp skirtukų?

#React registracijos forma 1. Paaiškinkite, kaip veikia StateProvider, pasidalykite savo mintimis su interviuotoju. 2. Peržiūrėkite /src/api/mock, paaiškinkite, kaip tai veikia. 3. Patikrinkite SubmitButton spalvą ir ją pataisykite. 4. Įgyvendinkite kliento formos validaciją Signup komponento viduje. (\*) Atminkite užduoties numerį 9. Taisyklės: - Vartotojo vardas, El. paštas, Slaptažodis ir Pakartotinai slaptažodis laukeliai turi būti bent 6 simbolių ilgio; - Slaptažodis turi atitikti Pakartotinai slaptažodis; - Validacija turi būti atliekama paspaudus "SignUp" mygtuką; - Laukeliai 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 turi būti rodomas vietoje registracijos formos. 9. Įgyvendinkite serverio validaciją tinkamuose laukuose. --- Kodas iš mock.ts: ```typescript const fakeResponse = (userName) => ({ code: 200, user: { id: 42, userName, }, }); let a = 0; const api = { '/signup': function (userName: string, email: string, password: string) { a++; return new Promise((resolve, reject) => { setTimeout(() => { if (a % 2 === 0) { return resolve(fakeResponse(userName)); } else { return reject( new Error( `Vartotojo vardas "${userName}" jau užimtas. Bandykite kitą.` ) ); } }, 500); }); }, }; export default api; ```

Kaip veikia sąrašo virtualizacija? Kaip tai technologiškai įgyvendinama per JavaScript?

Įgyvendinkite funkciją promiseWithResolver (atidėtas pažadas), kuri grąžina objektą su laukais resolve ir promise.

Įgyvendinkite serverio pusės patvirtinimą atitinkamiems laukams.

Įgyvendinkite TypeScript tipizaciją funkcijai customMap, kuri priima bet kokio tipo masyvą ir transformacinę funkciją, grąžinančią kitą tipą. Transformacinė funkcija turi priimti tris argumentus (kaip callback `Array.map`).

Turime labai didelį frontend monorepo, kuriame dirba daug skirtingų komandų vienu metu. Negalime pereiti prie mikro-frontendų. Kaip sumažinti riziką, kad skirtingos komandos paveiks vienos kitos darbą?

Ką dažniausiai darai, jei jautiesi, kad kūrimas vyksta ir šiek tiek atsilieki nuo terminų? Yra išleidimo data, bet supranti, kad nepavyks užbaigti užduoties laiku.

Jūs paminėjote Docker, CI/CD, GitHub Actions, GitLab — ar galite paaiškinti, ką tiksliai darėte, kokie pipeline'ai, kas buvo konteineriuose?

Kaip sužinai ką nors naujo apie programavimą ir kas tau paskutinį kartą įstrigo atmintyje?

Kaip buvo tiekiami leidimai, kaip buvo testuojami, kaip dažnai išleidžiami?

Kaip keitėsi failai pokalbyje — tiesiog POST užklausa ar buvo didelių failų?

const customMap = (array, transform) => { // kažkas kaip array.map(transform); }; const stringResults = customMap([1, 2, 3], item => item.toString()); const lengths = customMap(["labas", "pasaulis"], item => item.length);

Sukurkite STOP ženklą (raudonas ratas su balta juosta ir dviguba riba) naudodami tik vieną div ir CSS (leisti pseudo-elementus).

Ar kada nors dirbai su Lighthouse? Įsivaizduok, kad tau pavesta gerinti FCP (First Contentful Paint) metriką. Kokios idėjos tau ateina į galvą?