Šta radi operator in u TypeScript-u?
Frontend
Ispričajte o useCallback — scenarij upotrebe, зашто је потребан?
Pričajte o radu sa obrazcima u React-u: kontrolisane i nekontrolisane komponente, prednosti i mane svakog pristupa.
Ispričaj mi o fazama životnog ciklusa React komponenti
const X = { a: 1, b: 2, c: 3, d: 4 } function getProperty(obj, key) { // Zadatak: tipizirati funkciju return obj[key] } getProperty(X, 'a') // nema greške getProperty(X, ' ') // greška: ključ nije validan za objekat X getProperty({ ime: 'Sergey' }, 'ime') // nema greške
Šta je React.memo? Kada se koristi useCallback?
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> Тражење: <LiveSearch /> </span>
Zadatak: proći kroz stablo objekata (svaki objekat ima polja value i elements) i izračunati zbir svih vrednosti. Kako bi to implementirao?
import React, { useState, useEffect, useRef, useContext, useReducer, useMemo } from 'react'; export default () => { const [count, setCount] = useState(0); useLayoutEffect(() => console.log("svaki render 1")); console.log("svaki render 2"); useEffect(() => { console.log("svaki render 3"); return () => { console.log(4); }; }, [count]); return ( <button onClick={() => setCount((prevProps) => ++prevProps)}> Povećaj </button> ); }
// Podaci sa servera o ceni proizvoda dobijaju se u sledećem obliku: // 12345678 (cena može biti bilo koji broj u opsegu od 1 do [phone]) // potrebno je napisati funkciju koja će pretvoriti cenu u formatiranu stringu u sledećem obliku: // 12'345'678
const { foo: [bar], bar: [{ baz: foo }] } = { foo: [1], bar: [{ baz: 3 }] } console.log(bar) console.log(foo) //
function sum(a, b) { return a + b; } function memo() {}
Да ли сте икада радили са Blob-ом? Како креирати линк за преузимање динамички генерисане датотеке?
Šta je funkcija čišćenja (cleanup) u useEffect? Kada se ona izvršava? Napiši je u useEffect.
Kako napisati funkciju koja vraća Promise koji se rešava za jednu sekundu?
Kako prikazati baner jednom za autorizovanog korisnika na svim njegovim uređajima?
Ispričaj mi o Virtual DOM i mehanizmu reconciliation u Reactu. Kako React optimizuje poređenje stabala?
Kako implementirati obilazak stabla bez rekurzije? Koja struktura podataka pomaže?
let x = 5; (function () { console.log(x); let x = 0; })()
Чиме се разликује рендеровање од цртања? Како се зове процес поређења виртуелног и стварног DOM стабла?