Sobes.tech

Frontend

Co robi operator in w TypeScript?

Middle+
182

Opowiedz o useCallback — scenariusz użycia, do czego jest potrzebny?

Middle+
181

Opowiedz o pracy z formularzami w React: kontrolowane i niekontrolowane komponenty, zalety i wady każdego podejścia.

Middle+
178

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>

Middle+
174

Zadanie: przejść przez drzewo obiektów (każdy obiekt ma pola value i elements) i policzyć sumę wszystkich wartości. Jak byś to zrealizował?

Middle+
173

Czy pracowałeś kiedyś z Blob? Jak utworzyć link do pobrania dynamicznie generowanego pliku?

Middle+
172

Opowiedz o etapach cyklu życia komponentów React

Middle+
172

// 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

Middle+
172

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

Middle+
170

Czym jest React.memo? Kiedy stosować useCallback?

Middle+
170

function sum(a, b) { return a + b; } function memo() {}

Middle+
168

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> ); }

Middle+
166

Czym jest funkcja czyszczenia (cleanup) w useEffect? Kiedy ona działa? Napisz ją w useEffect.

Middle+
166

const { foo: [bar], bar: [{ baz: foo }] } = { foo: [1], bar: [{ baz: 3 }] } console.log(bar) console.log(foo) //

Middle+
165

Opowiedz o Virtual DOM i mechanizmie reconciliation w React. Jak React optymalizuje porównanie drzew?

Middle+
164

Co się dzieje, jeśli zmieni się typ komponentu? Czy ten sam klucz pomoże zachować stan?

Middle+
163

Jak napisać funkcję, która zwraca Promise rozwiązujące się po jednej sekundzie?

Middle+
163

let x = 5; (function () { console.log(x); let x = 0; })()

Middle+
162

Jak wyświetlić baner raz dla zalogowanego użytkownika na wszystkich jego urządzeniach?

Middle+
162

Otrzymałeś kod do przeglądu — co tutaj nie jest optymalne?

Middle+
162
/5