Otrzymałeś kod do przeglądu — co tutaj nie jest optymalne?
Frontend
Co się dzieje, jeśli zmieni się typ komponentu? Czy ten sam klucz pomoże zachować stan?
Jak napisać funkcję, która zwraca Promise rozwiązujące się po jednej sekundzie?
const SomeElement = ({ hasData }) => { if (hasData) { return <div> <DataElement /> <SomeImportantElement /> </div> } return <div> <SomeImportantElement /> </div> }
// Metoda findUnique jest stosowana do tablicy, która zwraca nową tablicę z unikalnymi elementami, // czyli tymi, które występują w oryginalnej tablicy tylko raz, w tej samej kolejności. // Należy zaimplementować metodę findUnique tak, aby działała jak zwykła metoda tablicy [10, 5, 10, 1, 6, 6, 7, 9, 9, 10].findUnique(); // [5, 1, 7]
Czym jest zamknięcie w JavaScript? Gdzie jest używane w praktyce?
Co się stanie, jeśli nie podasz tablicy zależności w useEffect? Jeśli dodasz count do tablicy zależności i klikniesz przycisk, czy funkcja czyszczenia zostanie wywołana?
Oprócz metod i typów kluczy, co jeszcze ma Map, czego nie ma obiekt?
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}> Zwiększ </button> <ul> {arr.map((n, index) => <li key={index}>{n}</li>)} </ul> </> ) } export default () => <LazyInit arr={[1, 2, 3]} />;
Podaj przykład zamknięcia. Czy używałeś zamknięć w React?
Wyjaśnij, czym jest Event Loop. Co należy do mikrotasków, a co do makrotasków?
Do czego służy typ unknown w TypeScript? Jak można zawęzić typ?
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());
const a = {} a[1] = 'test' for ( ... )
Opowiedz mi o kolekcjach Map i Set w JavaScript — co o nich wiesz?
Czym różnią się typy any i unknown w TypeScript?
Czym różni się sessionStorage od localStorage?
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)
Jakie są zakresy widoczności let/const i var? Czy istnieje inny sposób deklarowania zmiennych oprócz var, let, const?
const func = obj.sayHi() const boundFuns = func.bind(obj) boundFuns() ------------------- const submit = (el) => () => { log(el); } arr.map(el => <button onClick={submit(el)}/>) const param = useMemo(() => a + b) return <Child value={param} />