Sobes.tech

Frontend

Povedaj mi o React Hook Form: glavne možnosti, kako se uporablja, kako deluje validacija?

Middle+
165

Čím sa líši renderovanie od maľovania? Ako sa nazýva proces porovnávania virtuálneho a skutočného DOM stromu?

Middle+
164

Dostal si kód na revíziu — čo tu nie je optimálne?

Middle+
164

Ako napísať funkciu, ktorá vráti Promise, ktorý sa vyrieši po jednej sekunde?

Middle+
163

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

Middle+
162

// Metóda findUnique sa aplikuje na pole, ktoré vracia nové pole s unikátnymi prvkami, // teda tými, ktoré sa v pôvodnom poli vyskytujú iba raz, v rovnakom poradí. // Je potrebné implementovať metódu findUnique tak, aby fungovala ako bežná metóda poľa [10, 5, 10, 1, 6, 6, 7, 9, 9, 10].findUnique(); // [5, 1, 7]

Middle+
162

Čo je uzáver v JavaScriptu? Kde sa v praxi používa?

Middle+
161

Čo sa stane, ak v useEffect neuvediete pole závislostí? Ak pridáte count do poľa závislostí a kliknete na tlačidlo, či sa spustí cleanup funkcia?

Middle+
159

import React, { useState, useEffect, useRef, useContext, useReducer, useMemo, me 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]} />;

Middle+
159

Vysvetli, čo je Event Loop. Čo patrí medzi mikroúlohy a čo medzi makroúlohy?

Middle+
154

Uveďte príklad uzávierky. Použili ste uzávery v Reacte?

Middle+
154

const doSomething = (ms) => { return new Promise((resolve, reject) => { setTimeout(() => { if (Math.random() <= 0.5) { reject("error"); } else { resolve(ms); } }, ms); }); }; const getDelay = () => { let rand = 1000 + Math.random() * 2000; return Math.floor(rand); }; const p1 = doSomething(getDelay()); const p2 = doSomething(getDelay()); const p3 = doSomething(getDelay()); const p4 = doSomething(getDelay());

Middle+
153

Povedaj mi o Event Loop: ako funguje, čo sú mikroúlohy a makroúlohy?

Middle+
153

Aký je rozdiel medzi sessionStorage a localStorage?

Middle+
152

V čom sa líšia typy any a unknown v TypeScript?

Middle+
152

Povedz mi o kolekciách Map a Set v JavaScripte — čo o nich vieš?

Middle+
152

setTimeout(() => { console.log("timeOut"); }, 0) console.log(1); new Promise(resolve => { console.log("Promise"); setTimeout(() => { console.log("777"); resolve() }, 0) }).then(() => { console.log("then1"); }) .then(console.log('tratata')) .then(() => console.log("then2"); }) console.log(4); setTimeout(() => { console.log("timeOut2"); }, 0)

Middle+
151

Na čo je v TypeScript-e typ unknown? Ako možno zúžiť typ?

Middle+
151

const a = {} a[1] = 'test' pre ( ... )

Middle+
150

Aké sú rozsahy platnosti let/const a var? Existuje ešte iný spôsob deklarácie premenných okrem var, let, const?

Middle+
149
/5