Frontend

Set objekty jste již někdy používali? Čím jsou jejich zvláštností a proč byly vymyšleny?

Je v projektu testování?

Znáš principy SOLID? Povíš mi o principu inverze závislostí (DIP)

S jakými hooky můžeme uchovávat lokální stav v Reactu?

Shrnutí: jaké tři problémy byly v aplikaci nalezeny a opraveny?

Proč je lepší umístit návrhy pro vstupní pole absolutně?

Můžeš vysvětlit, proč je právě toto číslo?

Používali jste AI pouze pro testy a dokumentaci, nebo jste od nuly psali něco vážného?

Znáte pojmy kaskáda a specifita v CSS? Jaké metodologie pomáhají zvládat specifitu v týmu?

Co je to Module Federation a co zahrnuje?

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ýšit </button> ); }

Middle+

IT One

Chápete, jak funguje Tailwind?

Co je to protokol WebSocket a v čem spočívá, kdy se používá?

Middle

Aston

Úkol v TypeScript: existuje třída Animal s metodami move a bark, a funkce process přijímá zvíře typu Animal a volá jeho metodu bark. Bude v TypeScript chybová hláška? Jak správně zúžit typ? Jak napsat type guard?

Jaké typy dat existují v JavaScriptu? Čím se primitivní typy liší od objektů? Jak jsou uloženy v paměti?

Byla architektura na mikrofrontendách?

Middle

Аэрофлот

Kde lze použít interface, ale nelze použít type?

Middle

МТС Банк

Setkal jste se s Dockerem a CI/CD v kontextu vývoje frontend?

Složené komponenty + React Context → přenos formEntity přes poskytovatele v rámci Form a jeho využití v FormItem. Form obaluje své děti v FormContext.Provider a FormItem používá cloneElement k vložení hodnoty a onChange do Input. Past: ujistěte se, že FormItem předává název do obsluhy aktualizace. ```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 }), }); }; ```

Jaký je rozdíl mezi direktivami v-if a v-show?