Racontes-moi React Hook Form: ses principales fonctionnalités, comment il est utilisé, comment fonctionne la validation?
Frontend
const { foo: [bar], bar: [{ baz: foo }] } = { foo: [1], bar: [{ baz: 3 }] } console.log(bar) console.log(foo) //
Kā atšķiras renderēšana no zīmēšanas? Kā sauc procesu, kurā salīdzina virtuālo un reālo DOM koku?
const SomeElement = ({ hasData }) => { if (hasData) { return <div> <DataElement /> <SomeImportantElement /> </div> } return <div> <SomeImportantElement /> </div> }
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);
Saadud kood ülevaatamiseks — mis siin ei ole optimaalselt?
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}> Lisa </button> <ul> {arr.map((n, index) => <li key={index}>{n}</li>)} </ul> </> ) } export default () => <LazyInit arr={[1, 2, 3]} />;
Kuidas kirjutada funktsioon, mis tagastab Promise, mis lahendub ühe sekundiga?
Mis on sulgemine JavaScriptis? Kus seda praktikas elus kasutatakse?
Mis juhtub, kui useEffect'is ei määra sõltuvuste massiivi? Kui lisate count sõltuvuste massiivi ja klõpsate nupul, kas puhastamise funktsioon käivitatakse?
Selgitage, mis on Event Loop. Mida kuuluvad mikroülesanded ja mida makroülesanded?
const createCounter = () => {
Räägi mulle Event Loopist: kuidas see töötab, mis on mikro- ja makroülesanded?
Andke näide sulgemisest. Kas kas sulgemisi React kasutate?
Milleks on vajalik TypeScriptis tüüp unknown? Kuidas saab tüüpi kitsendada?
const a = {} a[1] = 'test' for ( ... )
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)
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());
Racontes-moi des collections Map et Set en JavaScript — que sais-tu à leur sujet?
Mis vahe on sessionStorage ja localStorage vahel?