Frontend
Co bylo nezbytné v komponentách, které jsi navrhovala? Jak děláš komponenty?
Máte zkušenosti s ModernJS?
Dáváte přednost práci na Windows nebo macOS?
Jak je stav uložen v Reactu? S jakými správci stavu jste pracoval?
Jak byl organizován GitFlow: proces vytváření větví a práce s úkoly?
Co je v třídních komponentách React, čeho dosud není ve funkcionálních?
Proč Next.js není potřeba pro administrátorské panely?
Pokud uživatel upravuje řádek A a jeho aktuální hodnota polyname se shoduje s původní hodnotou, validátor by neměl hlásit chybu. Proč ve vaší implementaci validátor v tomto případě hlásí chybu, přestože počáteční hodnota pole je shodná sama se sebou?
const customMap = (array, transform) => { // něco jako array.map(transform); }; const stringResults = customMap([1, 2, 3], item => item.toString()); const lengths = customMap(["ahoj", "svět"], item => item.length);
Máte zkušenosti s psaním BeanPostProcessor?
/** * Je nutné napsat funkci, která přijímá URL jako vstup, * asynchronně provádí GET požadavek na tento URL a vrací data (json). * Pro získání dat použijte fetch. * Můžete použít pouze Promise API. * Pokud dojde k chybě během požadavku, zkuste to ještě 5krát. * Pokud se nakonec nepodaří získat informace, vraťte chybu "Zadaná URL není dostupná". */
Můžeme trochu hlouběji proniknout do produktu s AI asistentem? Vyprávějte nám, jak vypadal tok od začátku do realizace tohoto produktu
Kdo dělal design na tvých předchozích projektech — designéři? V jakých nástrojích pracovali (Figma, Photoshop, Avocode)?
Úkol v Reactu (3 podúkoly): 1) Opravit formulář pro úpravu uživatele — při kliknutí na jméno uživatele v seznamu by se mělo jméno vložit do vstupního pole formuláře pro úpravu. 2) Formulář pro úpravu by se neměl při zadávání textu do pole hledání znovu renderovat (optimalizace s React.memo). 3) Při výběru uživatele ze seznamu by se mělo pole hledání resetovat.
const Effects = () => { 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 ( <> {count} <button onClick={() => setCount((prevProps) => ++prevProps)}> Zvýšit </button> </> ); }; export default Effects; // 1 vykreslení: // Po kliknutí: const Effects = () => { const [count, setCount] = useState(0); const [number, setNumber] = useState(0); useEffect(() => { console.log(count); return () => { console.log(count); }; }); return ( <> {count} <button onClick={() => setCount((prevProps) => ++prevProps)}> Zvýšit </button> </> ); }; export default Effects; // 1 vykreslení: // 2 1 3 // Po kliknutí: // 2 1 3 // null: // 2 1 3 // // 1: 1, 0 // +: 1, 2 // ++: 2, 2
const obj = [{ value: 1, elems: [ { value: 2, elems: [ { value: 3 }, { value: 6 }, ... ] }, { value: 4, elems: [ { value: 5, elems: [ { value: 6 }, ... ]} ] } ] }] ------------- setTimeout(() => { console.log(1); }, 0); const p = new Promise(resolve => { console.log(2); resolve(); }); p.then(() => { console.log(3) }).then(() => { console.log(4); }); console.log(5);
Co nám přináší TypeScript? Jak pomáhá při vývoji?
Co je to WeakSet?
Jaké odborné zdroje čtete, například Habr?
Je možné zajistit, aby se finally spustil ještě jednou (s číslem 10), aniž bychom změnili pořadí kódu, ale něco přidali uvnitř funkce?