Frontend
Je v projekte testovanie?
Poznáš princípy SOLID? Porozprávaj o princípe inverzie závislostí (DIP).
S akými hookmi môžeme ukladať lokálny stav v React-e?
Zhrnutie: aké tri problémy boli nájdené a opravené v aplikácii?
Prečo je lepšie umiestniť nápovedy pre vstupné pole absolútne?
Môžeš vysvetliť, prečo práve toto číslo?
Použili ste AI iba na testy a dokumentáciu, alebo ste od nuly napísali niečo vážne?
Poznáte pojmy kaskády a špecifickosť v CSS? Aké metodológie pomáhajú zvládať špecifickosť v tíme?
Povedzte nám, čo je Module Federation a čo zahŕňa?
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> ); }
Chápete, ako funguje Tailwind?
Čo je to WebSocket protokol a v čom spočíva, kedy sa používa?
Vaja v TypeScript: obstaja razred Animal z metodami move in bark, funkcija process pa sprejme žival tipa Animal in pokliče njen metod bark. Bo pri tem pri TypeScript prišlo do napake? Kako pravilno zožiti tip? Kako napisati type guard?
Aké typy dát existujú v JavaScripte? Čím sa primitívne typy líšia od objektov? Ako sa ukladajú do pamäte?
Bola architektúra na mikro-frontendoch?
Kde je možné použiť interface, ale nie type?
Mal ste skúsenosti s Docker a CI/CD v kontexte frontendového vývoja?
Zložené komponenty + React Context → prenos formEntity cez poskytovateľa v rámci Form a jeho použitie v FormItem. Form obklopí svoje deti v FormContext.Provider a FormItem používa cloneElement na vloženie hodnoty a onChange do Input. Pasca: uistite sa, že FormItem odovzdáva názov aktualizačnému handleru. ```javascript const Form = ({ children, formEntity }) => ( <FormContext.Provider value={formEntity}>{children}</FormContext.Provider> ); const FormItem = ({ name, children }) => { const { state, handlers } = useContext(FormContext); return React.cloneElement(children, { value: state[name], onChange: (e) => handlers.updateValues({ name, value: e.target.value }), }); }; ```
Aký je rozdiel medzi direktívami v-if a v-show?
Čo je debounce?