Frontend
const items = [10, '10', 12, 15, 21, 12, 10, 16, 21, 15, 'apple', 'apple']; function createUniqueArray(values) { return values; }
Какие новые хуки появились в React 18?
Как сделать последний элемент хлебных крошек некликабельным?
Как бы вы диагностировали утечку памяти или лишние перерендеры компонента в React?
Расскажи про Event Loop в JavaScript.
Какие методы жизненного цикла существуют в React и как их эмулировать с помощью useEffect?
Почему не рекомендуется хранить чувствительные данные в localStorage?
Подкапотные темы Vue 3 — как работает шедулер, виртуальный DOM?
let a = 5; setTimeout(function timeout() { //macro console.log(a); a = 10; }, 0); let p = Promise.resolve().then(data => { console.log(a); a = 25; resolve(); }).then() console.log(a); // 5 25 25
console.log(foo); var foo = 1; console.log(foo); let foo = 2; console.log(foo); const foo = 3; console.log(foo);
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} />
Напиши абстрактную реализацию компонента Child с мемоизацией через React.memo. Какой второй аргумент принимает React.memo?
Какие настройки есть у cookie (httpOnly, secure, expires, domain, path)?
const submit = useCallback((el) => () => { log(el); }, []); arr.map(el => <button onClick={submit(el)} />) arr.map(el => <SomeComp key={} onClick={() => submit(el)} />) const param = useMemo(() => ({c: a + b}), [a,b]) return <Child value={param} /> Child = React.memo(() => {})
Что такое React Context, когда его использовать, а когда лучше state manager?
Расскажи про хуки React, правила хуков (Rules of Hooks)
Что такое порталы (createPortal) в React?
Зачем React использует Virtual DOM, как он работает?
Оптимизация рендеринга больших списков (100 000 элементов)
Какие интересные фичи ты реализовывал на последнем месте работы?