Co robi operator in w TypeScript?
Frontend
Opowiedz o useCallback — scenariusz użycia, do czego jest potrzebny?
Opowiedz o pracy z formularzami w React: kontrolowane i niekontrolowane komponenty, zalety i wady każdego podejścia.
const LiveSearch = () => { const [inputValue, setInputValue] = useState('') const onInputChange = (e) => { setInputValue(e.target.value) search(e.target.value) } return ( <div> <input value={inputValue} onChange={onInputChange} type="text" /> </div> ) } <span> Szukanie: <LiveSearch /> </span>
Zadanie: przejść przez drzewo obiektów (każdy obiekt ma pola value i elements) i policzyć sumę wszystkich wartości. Jak byś to zrealizował?
Czy pracowałeś kiedyś z Blob? Jak utworzyć link do pobrania dynamicznie generowanego pliku?
Opowiedz o etapach cyklu życia komponentów React
// Dane z serwera o cenie produktu są otrzymywane w formie: // 12345678 (cena może być dowolną liczbą w zakresie od 1 do [phone]) // konieczne jest napisanie funkcji, która przekształci cenę na sformatowany ciąg znaków w następujący sposób: // 12'345'678
const X = { a: 1, b: 2, c: 3, d: 4 } function getProperty(obj, key) { // Zadanie: typować funkcję return obj[key] } getProperty(X, 'a') // brak błędu getProperty(X, ' ') // błąd: klucz nie jest poprawnym kluczem dla obiektu X getProperty({ name: 'Sergey' }, 'name') // brak błędu
Czym jest React.memo? Kiedy stosować useCallback?
function sum(a, b) { return a + b; } function memo() {}
import React, { useState, useEffect, useRef, useContext, useReducer, useMemo } from 'react'; export default () => { const [count, setCount] = useState(0); useLayoutEffect(() => console.log("każde renderowanie 1")); console.log("każde renderowanie 2"); useEffect(() => { console.log("każde renderowanie 3"); return () => { console.log(4); }; }, [count]); return ( <button onClick={() => setCount((prevProps) => ++prevProps)}> Zwiększ </button> ); }
Czym jest funkcja czyszczenia (cleanup) w useEffect? Kiedy ona działa? Napisz ją w useEffect.
const { foo: [bar], bar: [{ baz: foo }] } = { foo: [1], bar: [{ baz: 3 }] } console.log(bar) console.log(foo) //
Opowiedz o Virtual DOM i mechanizmie reconciliation w React. Jak React optymalizuje porównanie drzew?
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?
let x = 5; (function () { console.log(x); let x = 0; })()
Jak wyświetlić baner raz dla zalogowanego użytkownika na wszystkich jego urządzeniach?
Otrzymałeś kod do przeglądu — co tutaj nie jest optymalne?