Frontend

Cosa fa l'operatore in in TypeScript?

Middle+

IT One

Parla di useCallback — scenario di utilizzo, a cosa serve?

Middle+

IT One

Parla del lavoro con i moduli in React: componenti controllati e non controllati, vantaggi e svantaggi di ogni approccio.

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> Ricerca: <LiveSearch /> </span>

Middle+

IT One

Compito: attraversare un albero di oggetti (ogni oggetto ha campi value e elements) e calcolare la somma di tutti i valori. Come lo implementeresti?

Middle+

IT One

Parlami delle fasi del ciclo di vita dei componenti React

Middle+

IT One

Hai mai lavorato con Blob? Come creare un link per scaricare un file generato dinamicamente?

Middle+

IT One

const X = { a: 1, b: 2, c: 3, d: 4 } function getProperty(obj, key) { // Compito: tipizzare la funzione return obj[key] } getProperty(X, 'a') // nessun errore getProperty(X, ' ') // errore: la chiave non è valida per l'oggetto X getProperty({ name: 'Sergey' }, 'name') // nessun errore

Middle+

IT One

Cos'è React.memo? Quando si applica useCallback?

Middle+

IT One

// I dati del server sul prezzo del prodotto sono ricevuti sotto forma di: // 12345678 (il prezzo può essere qualsiasi numero nell'intervallo da 1 a [phone]) // è necessario scrivere una funzione che converta il prezzo in una stringa formattata come segue: // 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("ogni render 1")); console.log("ogni render 2"); useEffect(() => { console.log("ogni render 3"); return () => { console.log(4); }; }, [count]); return ( <button onClick={() => setCount((prevProps) => ++prevProps)}> Incrementa </button> ); }

Middle+

IT One

Cos'è una funzione di pulizia (cleanup) in useEffect? Quando viene eseguita? Scrivila in useEffect.

Middle+

IT One

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

Middle+

IT One

Parla del Virtual DOM e del meccanismo di reconciliation in React. Come ottimizza React il confronto degli alberi?

Middle+

IT One

Come scrivere una funzione che restituisce una Promise che si risolve dopo un secondo?

Middle+

IT One

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

Middle+

IT One

Come mostrare un banner una sola volta per un utente autenticato su tutti i suoi dispositivi?

Middle+

IT One

Hai ricevuto un codice per la revisione — cosa non è ottimale qui?

Middle+

IT One

Come implementare una traversata dell'albero senza ricorsione? Quale struttura dati aiuta?

Middle+

IT One