Frontend
Räägi mulle Event Loopist: kutsu virn, mikroülesanded, makroülesanded.
Kas teil on testid — üksused, e2e — projektis?
Olete teinud tuhandete ühenduste testimise WebSocketi kaudu — kuidas seda tegite, kuidas läks koormustest?
Kuidas rakendada otsing valueChanges välja sisestamisel koos päringuga backendile: milliseid RxJS operaatoreid kasutada ja miks?
Kuidas töötab marsruutimine Next.js-is?
Mis on Composable Nuxt/Vue'is? Kas on näide?
Kas on viis töödelda vormi ilma standardse esitamata? Kuidas saata vorm JavaScripti abil?
import React, { useState, useEffect, useRef, useContext, useReducer, useMemo } from 'react'; const someFunc = (arr) => { return [...arr].sort((a, b) => a - b); }; const LazyInit = (props) => { const [arr, setArr] = useState(() => someFunc(props.arr)); const onClick = () => { setArr((prev) => prev.concat(prev.length + 1)); }; return ( <> <button onClick={onClick}> Increment </button> <ul> {arr.map((n, index) => <li key={index}>{n}</li>)} </ul> </> ); }; export default () => <LazyInit arr={[1, 2, 3]} />; --- Paremta labajā pusē apspriež: - TypeScript ar ģenerikiem: "<T extends object, K extends keyof T>" - Pārbaudi, vai dati ir virknes tips, izmantojot tipu sargu: "isString(data: unknown): data is string { ... }" - useState izmantošanu ar funkciju, lai izvairītos no atkārtotas izpildes katrā renderēšanā: ``` const [state, setState] = useState(getComplexData); // vai const [state, setState] = useState(() => getComplexData()); ``` - Funkcija, kas nodota useState, tiks izpildīta tikai vienu reizi komponenta montāžas laikā. - Brīdinājums par tiešu stāvokļa modifikāciju 11. rindā ar prev.concat. --- Tehniskais uzdevums — analizēt un iespējams labot vai optimizēt React komponenta kodu, īpaši: - Pareiza lazy inicializācija ar useState. - Izvairīties no tiešas stāvokļa modifikācijas. - Saprast TypeScript ģenerikus un tipu sargus. - Nodrošināt, ka komponenta stāvoklis tiek pareizi atjaunināts, nospiežot pogu.
Kuidas deklareerida muutujaid JavaScriptis: var, let, const? Millised on erinevused?
Selgitage laisk laadimise kontseptsiooni Reactis ja kuidas see võib parandada rakenduse jõudlust.
Rääkige oma asjakohasest töökogemusest.
Rääkige viimase aasta või kahe jooksul kõige kriitilisematest vigadest. Mis juhtus ja kuidas neid parandati?
[nimi] küsis: ülesanne: lehel on sisend. Kirjutage kood, mis võimaldab salvestada sisestatud väärtuse localStorage'i, et pärast lehe uuesti laadimist väärtus taastuks.
Mis juhtub, kui useEffect-s ilma sõltuvuste massiivita kutsutakse setState?
Kuidas sa suhtud tööle kontoris? Kas sul on kogemusi kontoritöös?
Mida kuvatakse konsoolis ja miks?
Milliste riigihalduritega teil on olnud vaja töötada ja mis teile meeldib, milliseid plusse ja miinuseid näete?
Millised on teie tulevased professionaalsed plaanid järgmise paari aasta jooksul? Kas Reactita ei hakka igav?
Kus saab Vue-s olekut salvestada? Millistel juhtudel on parem kasutada Pinia/Vuex ja millistel provide/inject?
Milleks on vaja useMemo ja useCallback? Kas alati on ratsionaalne neid kasutada?