Frontend

Povedz mi o Event Loop: zásobník volaní, mikroúlohy, makroúlohy.

Middle

ОТП Банк

Máte v projekte testy — jednotkové, e2e?

Otestovali ste tisíc spojení cez WebSocket — ako ste to testovali, ako je prešlo testovanie záťaže?

Ako implementovať vyhľadávanie podľa valueChanges poľa s požiadavkou na backend: ktoré RxJS operátory použiť a prečo?

Ako funguje smerovanie v Next.js?

Čo je Composable v Nuxt/Vue? Môžeš uviesť príklad?

Existuje spôsob, ako spracovať formulár inak ako štandardným odoslaním? Ako odoslať formulár pomocou JavaScriptu?

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}> Zvýšiť </button> <ul> {arr.map((n, index) => <li key={index}>{n}</li>)} </ul> </> ) } export default () => <LazyInit arr={[1, 2, 3]} />; --- Diskusia na pravej strane sa zaoberá: - Používaním TypeScriptu s generikami: "<T extends object, K extends keyof T>" - Kontrolou, či sú údaje reťazec, pomocou typu strážca: "isString(data: unknown): data is string { ... }" - Používaním useState s funkciou, aby sa zabránilo opakovaniu pri každom renderovaní: ``` const [state, setState] = useState(getComplexData); // alebo const [state, setState] = useState(() => getComplexData()); ``` - Funkcia odovzdaná do useState sa vykoná iba raz pri načítaní komponentu. - Upozornenie na priame mutovanie stavu na riadku 11 s prev.concat. --- Technická úloha je analyzovať a prípadne opraviť alebo optimalizovať kód React komponentu, pričom sa zameriava na: - Správnu lazy inicializáciu stavu pomocou useState. - Vyhnúť sa priamej mutácii stavu. - Pochopenie generík TypeScriptu a typových strážcov. - Zabezpečiť, aby komponent správne aktualizoval stav pri kliknutí na tlačidlo.

Middle+

IT One

Aké sú spôsoby deklarácie premenných v JavaScripte: var, let, const? V čom sa líšia?

Vysvetlite koncept lazy loadingu v React a ako môže zlepšiť výkon aplikácie.

Middle+

Andersen

Povedz mi o svojej relevantnej pracovnej skúsenosti.

Porozprávajte o najkritickejších chybách za posledný rok alebo dva. Čo sa stalo a ako ich opravili?

[meno] sa opýtal: úloha: na stránke je vstupné pole. Napíšte kód, ktorý umožní uložiť zadanú hodnotu do localStorage, aby sa po obnovení stránky hodnota obnovila.

Middle

OZON

Čo sa stane, ak v useEffect bez poľa závislostí zavoláte setState?

Ako sa vzťahuješ k práci v kancelárii? Mal si skúsenosti s prácou v kancelárii?

Čo sa zobrazí v konzole a prečo?

S ktorými štátnymi manažérmi ste museli pracovať a čo vám je všeobecne príjemné, aké výhody a nevýhody vidíte?

Aké sú vaše ďalšie profesionálne plány na najbližšie roky? Nebude nuda bez Reactu?

Kde možno uložiť stav vo Vue? V ktorých prípadoch je lepšie používať Pinia/Vuex a v ktorých provide/inject?

Na čo sú useMemo a useCallback? Je vždy rozumné ich používať?

Middle

АЙ-ТЕКО