Frontend

6373

Întrebări6373

Ce metode statice Promise cunoști? Vorbește-mi despre ele.

Middle+

IT One

132

Ce este un Set? Ce putem transmite atunci când apelăm new Set ca argument?

Middle+

IT One

131

import React, { useState, useEffect, useLayoutEffect } from 'react'; export default () => { const [count, setCount] = useState(0); useLayoutEffect(() => console.log("fiecare randare 1")); console.log("fiecare randare 2"); useEffect(() => console.log("fiecare randare 3")); return ( <button onClick={() => setCount((prevProps) => ++prevProps)}> Incrementare </button> ); } // montare -> fiecare randare 2, fiecare randare 1, fiecare randare 3 // actualizare -> fiecare randare 2, fiecare randare 1, fiecare randare 3 // demontare 4

Middle+

IT One

130

Scrie o funcție getUserProfile care primește un userId ca argument și preia profilul utilizatorului de la endpoint-ul API "[link]". Funcția ar trebui să înregistreze profilul utilizatorului dacă fetch-ul are succes și să înregistreze un mesaj de eroare dacă fetch-ul eșuează.

Middle+

IT One

130

Se ridică let și const (hoisting)? Ce se întâmplă atunci când se face referire la ele înainte de declarație?

Middle+

IT One

129

Scrie ce se va întâmpla la prima randare — în ce ordine vor fi afișate console.log-urile. Ce se va întâmpla după clic?

Middle+

IT One

127

const S = { id: 1, nume: "Ivan", vârstă: "39", tel: [phone] }; function getParam(obj, key) { return obj[key]; } getParam(S, "tel"); getParam(S, "job");

Middle+

IT One

127

Scrieți o implementare abstractă a componentei Child cu memoizare folosind React.memo. Care este al doilea argument pe care îl acceptă React.memo?

Middle+

IT One

126

Ce este un WeakSet?

Middle+

IT One

122

import React, { useState, useEffect, useRef, useContext, useReducer, useMemo } from 'react'; 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}> Incrementare </button> <ul> {arr.map((n, index) => <li key={index}>{n}</li>)} </ul> </> ) } export default () => <LazyInit arr={[1, 2, 3]} />; --- Conversația din dreapta discută: - Utilizarea TypeScript cu generice: "<T extends object, K extends keyof T>" - Verificarea dacă datele sunt o șir de caractere cu un gard de tip: "isString(data: unknown): data is string { ... }" - Utilizarea useState cu o funcție pentru a evita re-rularea la fiecare randare: ``` const [state, setState] = useState(getComplexData); // sau const [state, setState] = useState(() => getComplexData()); ``` - Funcția transmisă la useState va rula doar o dată la montarea componentului. - Avertisment despre mutarea directă a stării pe linia 11 cu prev.concat. --- Sarcina tehnică este de a analiza și eventual corecta sau optimiza codul componentei React, concentrându-se în special pe: - Inițializarea leneșă corectă a stării cu useState. - Evitarea mutării directe a stării. - Înțelegerea generics-urilor TypeScript și a gardurilor de tip. - Asigurarea că componenta actualizează corect starea la clic pe buton.

Middle+

IT One

122

Ce este o închidere?

Middle+

IT One

120

Există trei surse de date care returnează aceeași informație. Cum să obțineți răspunsul de la cea mai rapidă?

Middle+

IT One

119

Care este diferența dintre Map și WeakMap?