Frontend

Ce face operatorul in în TypeScript?

Middle+

IT One

Vorbește despre useCallback — scenariul de utilizare, de ce este nevoie?

Middle+

IT One

Vorbește despre lucrul cu formularele în React: componente controlate și necontrolate, avantajele și dezavantajele fiecărei abordări.

Middle+

IT One

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> Căutare: <LiveSearch /> </span>

Middle+

IT One

Sarcină: parcurgeți un copac de obiecte (fiecare obiect are câmpurile value și elements) și calculați suma tuturor valorilor. Cum ați implementa acest lucru?

Middle+

IT One

Vorbește despre etapele ciclului de viață al componentelor React

Middle+

IT One

Ai lucrat vreodată cu Blob? Cum creezi un link pentru descărcarea unui fișier generat dinamic?

Middle+

IT One

const X = { a: 1, b: 2, c: 3, d: 4 } function getProperty(obj, key) { // Sarcină: tipați funcția return obj[key] } getProperty(X, 'a') // fără eroare getProperty(X, ' ') // eroare: cheia nu este o cheie validă pentru obiectul X getProperty({ nume: 'Sergey' }, 'nume') // fără eroare

Middle+

IT One

Ce este React.memo? Când se aplică useCallback?

Middle+

IT One

// Datele de pe server despre prețul produsului au fost primite sub forma: // 12345678 (prețul poate fi orice, dar în intervalul de la 1 la [phone]) // trebuie să scrieți o funcție care va converti prețul într-un șir formatat astfel: // 12'345'678

Middle+

IT One

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

Middle+

IT One

import React, { useState, useEffect, useRef, useContext, useReducer, useMemo } 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 () => { console.log(4); }; }, [count]); return ( <button onClick={() => setCount((prevProps) => ++prevProps)}> Incrementare </button> ); }

Middle+

IT One

Ce este o funcție de curățare (cleanup) în useEffect? Când se execută? Scrie-o în useEffect.

Middle+

IT One

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

Middle+

IT One

Vorbește despre Virtual DOM și mecanismul de reconciliation în React. Cum optimizează React compararea arborilor?

Middle+

IT One

Cum scrii o funcție care returnează o Promisiune care se rezolvă după o secundă?

Middle+

IT One

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

Middle+

IT One

Cum afișeziți un banner o singură dată pentru un utilizator autentificat pe toate dispozitivele sale?

Middle+

IT One

Ai primit un cod pentru revizuire — ce nu este optimizat aici?

Middle+

IT One

Cum se implementează parcurgerea unui copac fără recursie? Ce structură de date ajută?

Middle+

IT One