Frontend

6420

Povedz mi o tvojej úlohe v tíme: bol si vodca, pravá ruka vodcu, mal si skúsenosti s prijímaním samostatných rozhodnutí? Ako sa delegovali role?

Middle+

IT One

188

Povedzte mi o useCallback — scenár použitia, na čo je potrebný?

Middle+

IT One

183

Čo robí operátor in v TypeScript?

Middle+

IT One

182

Porozprávaj o práci s formulármi v React: kontrolované a nekontrolované komponenty, výhody a nevýhody každého prístupu.

Middle+

IT One

180

Úloha: prejsť strom objektov (každý objekt má polia value a elements) a spočítať súčet všetkých hodnôt. Ako by si to realizoval?

Middle+

IT One

179

Čo je React.memo? Kedy sa používa useCallback?

Middle+

IT One

176

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> Vyhľadávanie: <LiveSearch /> </span>

Middle+

IT One

175

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

Middle+

IT One

174

// Dáta zo servera o cene produktu boli prijaté vo forme: // 12345678 (cena môže byť akákoľvek, ale v rozsahu od 1 do [phone]) // Je potrebné napísať funkciu, ktorá cenu prevedie na formátovaný reťazec nasledovne: // 12'345'678

Middle+

IT One

174

Povedz mi o fázach životného cyklu React komponentov

Middle+

IT One

172

Ako zobraziť banner raz pre autorizovaného používateľa na všetkých jeho zariadeniach?

Middle+

IT One

172

Pracovali ste niekedy s Blobom? Ako vytvoriť odkaz na stiahnutie dynamicky generovaného súboru?

Middle+

IT One

172

import React, { useState, useEffect, useRef, useContext, useReducer, useMemo } from 'react'; export default () => { const [count, setCount] = useState(0); useLayoutEffect(() => console.log("každé vykreslení 1")); console.log("každé vykreslení 2"); useEffect(() => { console.log("každé vykreslení 3"); return () => { console.log(4); }; }, [count]); return ( <button onClick={() => setCount((prevProps) => ++prevProps)}> Zvětšit </button> ); }

Middle+

IT One

172

const X = { a: 1, b: 2, c: 3, d: 4 } function getProperty(obj, key) { // Úloha: typizovať funkciu return obj[key] } getProperty(X, 'a') // žiadna chyba getProperty(X, ' ') // chyba: kľúč nie je platný kľúč pre objekt X getProperty({ meno: 'Sergey' }, 'meno') // žiadna chyba

Middle+

IT One

172

Ako implementovať prechádzanie stromom bez rekurzie? Aká dátová štruktúra pomáha?

Middle+

IT One

171

Porozprávaj mi o Virtual DOM a mechanizme reconciliation v React. Ako React optimalizuje porovnávanie stromov?

Middle+

IT One

171

Čo sa stane, ak sa zmení typ komponentu? Pomôže rovnaký kľúč zachovať stav?