const SomeElement = ({ hasData }) => { if (hasData) { return <div> <DataElement /> <SomeImportantElement /> </div> } return <div> <SomeImportantElement /> </div> }
Middle+
166
Frontend
6422
0
Mesélj a React Hook Form-ról: fő lehetőségek, hogyan használják, hogyan működik az érvényesítés?
Middle+
165
const { foo: [bar], bar: [{ baz: foo }] } = { foo: [1], bar: [{ baz: 3 }] } console.log(bar) console.log(foo) //
Middle+
165
Mi a különbség a renderelés és a festés között? Hogy hívják azt a folyamatot, amikor összehasonlítjuk a virtuális és a valódi DOM-fát?
Middle+
164
const { foo: bar, bar: foo } = { foo: 1, bar: 2 }; //foo //bar setTimeout(() => { console.log("timeOut"); }, 0); console.log(1); new Promise((resolve) => { console.log("Promise"); setTimeout(() => { console.log("timeOut2"); resolve(); }, 0); }) .then(() => { console.log("then1"); }) .then(() => { console.log("then2"); }); console.log(4); setTimeout(() => { console.log("timeOut3"); }, 0);
Middle+
164
Kaptál egy kódot felülvizsgálatra — mi nem optimális itt?
Middle+
164
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}> Növel </button> <ul> {arr.map((n, index) => <li key={index}>{n}</li>)} </ul> </> ) } export default () => <LazyInit arr={[1, 2, 3]} />;
Middle+
163
Hogyan írjunk olyan függvényt, ami egy másodperc múlva feloldódó Promise-t ad vissza?
Middle+
163
Mi az a closure JavaScript-ben? Hol használják a gyakorlatban?
Middle+
163
Mi történik, ha nem ad meg függőségi tömböt a useEffect-ben? Ha hozzáadja a count-ot a függőségi tömbhöz és megnyomja a gombot, lefut-e a cleanup-függvény?
Middle+
159
Magyarázd el, mi az az Event Loop. Mi tartozik a mikrotaskokhoz és mi a makrotaskokhoz?
Middle+
158
const createCounter = () => {
Middle+
157
Mesélj az eseményhurkról: hogyan működik, mikrotaskok és makrotaskok miért vannak?
Middle+
157
Adj egy példát a lezárásra. Használtál lezárásokat a React-ben?
Middle+
156
Az unknown típus mire való a TypeScript-ben? Hogyan lehet szűkíteni a típust?
Middle+
155
const a = {} a[1] = 'test' ért ( ... )
Middle+
154
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+
153
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
Mesélj a JavaScript Map és Set gyűjteményekről — mit tudsz róluk?
Middle+
152
Mi a különbség a sessionStorage és a localStorage között?
Middle+
152