Frontend

Co dělá operátor in v TypeScriptu?

Middle+

IT One

Povězte mi o useCallback — scénář použití, k čemu je potřeba?

Middle+

IT One

Povězte o práci s formuláři v Reactu: řízené a řízené komponenty, výhody a nevýhody každého přístupu.

Middle+

IT One

const LiveSearch = () => { const [inputValue, setInputValue] = useState('') const onInputChange = (e) => { setInputValue(e.target.value) search(e.target.value) } return ( <div> <input value={inputValue} onChange={onInputChange} type="text" /> </div> ) } <span> Vyhledávání: <LiveSearch /> </span>

Middle+

IT One

Úkol: projít strom objektů (každý objekt má pole value a elements) a spočítat součet všech hodnot. Jak bys to realizoval?

Middle+

IT One

Pracoval jste někdy s Blobem? Jak vytvořit odkaz ke stažení dynamicky generovaného souboru?

Middle+

IT One

const X = { a: 1, b: 2, c: 3, d: 4 } function getProperty(obj, key) { // Úkol: typizujte funkci return obj[key] } getProperty(X, 'a') // žádná chyba getProperty(X, ' ') // chyba: klíč není platný klíč pro objekt X getProperty({ jméno: 'Sergey' }, 'jméno') // žádná chyba

Middle+

IT One

Pověz mi o fázích životního cyklu komponent React

Middle+

IT One

// Data o ceně produktu přijatá ze serveru jsou ve tvaru: // 12345678 (cena může být jakéhokoliv čísla v rozmezí od 1 do [phone]) // je nutné napsat funkci, která cenu převede do formátovaného řetězce ve tvaru: // 12'345'678

Middle+

IT One

Co je React.memo? Kdy se používá useCallback?

Middle+

IT One

function sum(a, b) { return a + b; } function memo() {}

Middle+

IT One

import React, { useState, useEffect, useRef, useContext, useReducer, useMemo } from 'react'; export default () => { const [count, setCount] = useState(0); useLayoutEffect(() => console.log("každé vykreslení 1")); console.log("každé vykreslení 2"); useEffect(() => { console.log("každé vykreslení 3"); return () => { console.log(4); }; }, [count]); return ( <button onClick={() => setCount((prevProps) => ++prevProps)}> Zvýšit </button> ); }

Middle+

IT One

Co je to funkce čištění (cleanup) v useEffect? Kdy se spouští? Napiš ji v useEffect.

Middle+

IT One

const { foo: [bar], bar: [{ baz: foo }] } = { foo: [1], bar: [{ baz: 3 }] } console.log(bar) console.log(foo) //

Middle+

IT One

Pověz mi o Virtual DOM a mechanismu reconciliation v Reactu. Jak React optimalizuje porovnávání stromů?

Middle+

IT One

Jak implementovat průchod stromem bez rekurze? Jaká datová struktura pomůže?

Middle+

IT One

Jak napsat funkci, která vrací Promise, jež se vyřeší za jednu sekundu?

Middle+

IT One

Co se stane, pokud se změní typ komponenty? Pomůže stejný klíč zachovat stav?

Middle+

IT One

const SomeElement = ({ hasData }) => { if (hasData) { return <div> <DataElement /> <SomeImportantElement /> </div> } return <div> <SomeImportantElement /> </div> }

Middle+

IT One

let x = 5; (function () { console.log(x); let x = 0; })()

Middle+

IT One