Vysvětli Event Loop v JavaScriptu/prohlížeči.
Frontend
Pověz mi o vlastnosti position v CSS. Jaké hodnoty existují?
Které CSS selektory jsou pro prohlížeč nejdražší?
Co je CORS a k čemu slouží?
Pověz o tom v různých kontextech: v metodách objektů, v šipkových funkcích a v běžných funkcích.
import { useState } from "react"; const usePreviousValue = (value: number) => {}; export default function App() { const [pocet, setPocet] = useState(0); const predchozi = usePreviousValue(pocet); return ( <div className="App"> <h1>Aktuální Hodnota: {pocet}</h1> <h2>Předchozí: {predchozi ?? "-"}</h2> <button onClick={() => setPocet((prev) => prev + 1)}>Klik</button> </div> ); }
Jak synchronizovat dvě záložky prohlížeče pomocí localStorage? Povězte o události storage.
Pověz mi o způsobech zachování kontextu v JavaScriptu: bind, call, apply. Čím se liší?
Pověz mi o specifikaci CSS selektorů. Jak se počítá? Který je nejvíce specifický?
Pověz o správě stavu: jaké knihovny jsi používal, pověz mi o architektuře Redux.
Pověz mi o kritických fázích renderování prohlížeče (Critical Rendering Path)
Vysvětlete vzor zvedání stavu (lifting state up) v Reactu
V čem se liší operátor nulového sloučení (??) od logického NE (||)?
funkce debounce(callback, delay) {}
Jaké typy jsou v TypeScriptu, které v JavaScriptu nejsou? Povídej mi o utility types.
Vysvětli životní cyklus komponenty React a hooky (useEffect, useState, useRef, useCallback, useMemo, useLayoutEffect atd.)
Pověz mi o atributech defer a async u tagu script. Čím se liší?
/** * Typizovat funkci, která přijímá pole objektů a klíč, * vrací pole objektů, které mají tento klíč/vlastnost **/ const filterArrayByKey = (items, key) => { return items.filter((item) => item[key] !== undefined && item[key] !== null); };
V čem se liší jednoduché a složené (preflight) požadavky v kontextu CORS?