Frontend

Kas `console.log` funktsiooni sees kõrvaltoime?

Runa par tevi īsi, ar ko nodarbojies, no kurienes esi, kāpēc esi šeit un visu, ko uzskati par svarīgu.

Mis vahe on useMemo ja useCallback vahel

Räägi natuke endast ja kõige huvitavamast tehnilisest ülesandest, mida oled lahendanud, sinu arvates.

Middle+

Альфа-Банк

Kuidas te suhtlesite backendiga ja teiste meeskonnaliikmetega (analüütikud, disainerid, testijad)?

Palun räägi mulle JavaScripti promisesidest: mis need on, milleks nad on, meetodid.

Milliseid arendusmustreid kasutate (DRY, SOLID, GRASP, disainimustrid)?

Middle

ОТП Банк

Mis on sõltuvuste massiiv useEffect'is? Mis juhtub, kui edastate tühja massiivi või üldse mitte?

Milliseid HTTP-koode kasutatakse REST API-ga töötamisel?

/* Mida kuvab konsool */ let value = 2; function showValue() { console.log(value); } function wrapper() { let value = 3; console.log(value); showValue(); } wrapper();

Mida te tegite, kui kasutaja kaotas interneti?

Kuidas korraldada andmevahetust kahe ühendamata komponendi vahel?

Kui tihedalt sa töötasid Next.js-iga? Milliseid funktsioone kasutad?

Miks otsustasite üle minna uuele tehnoloogiale/tegevusele? Mis oli põhjuseks, kui töötasite ettevõttes 10 aastat?

Kuidas rakendada otsing valueChanges välja sisestamisel koos päringuga backendile: milliseid RxJS operaatoreid kasutada ja miks?

Milleks on vaja oleku haldurit? Kuidas see erineb React Contextist?

Middle

ОТП Банк

Mis on Ajutine Surma tsoon (TDZ)? Miks see tekib ja kuidas sellega võidelda?

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.

Middle+

IT One

Rääkige oma lemmikfunktsioonist, mille üle olete uhked

Millele põhineb sinu sisemine joon, mille sa asetad ja ütled: see mikrofrontend on lihtne, ja see on keeruline?

Middle

Бюро 1440