Frontend
Има ли тестове в проекта?
Знаеш принципите SOLID? Разкажи за принципа на инверсия на зависимостите (DIP).
С какви хукове можем да съхраняваме локално състояние в React?
Обобщете: кои са трите проблема, открити и коригирани в приложението?
Защо е по-добре подсказките за полето за въвеждане да се позиционират абсолютно?
Можеш ли да обясниш защо точно това число?
Използвали ли сте ИИ само за тестове и документация, или сте написали нещо сериозно от нулата?
Запознат ли сте с понятието каскад и специфичност в CSS? Какви методологии помагат за справяне със специфичността в екипа?
Разкажете ни какво е Module Federation и какво включва?
import React, { useState, useEffect, useRef, useContext, useReducer, useMemo } from 'react'; export default () => { const [count, setCount] = useState(0); useLayoutEffect(() => console.log("κάθε απόδοση 1")); console.log("κάθε απόδοση 2"); useEffect(() => { console.log("κάθε απόδοση 3"); return () => { console.log(4); }; }, [count]); return ( <button onClick={() => setCount((prevProps) => ++prevProps)}> Αύξηση </button> ); }
Разбирате как работи Tailwind?
Какъв е протоколът WebSocket и в какво се състои, кога се използва?
Задача по TypeScript: има клас Animal с методи move и bark, и функция process, която приема животно от тип Animal и извиква неговия метод bark. Ще има ли грешка в TypeScript? Как правилно да стесните типа? Как да напишете type guard?
Какви типове данни съществуват в JavaScript? Как се различават примитивите от обектите? Как се съхраняват в паметта?
Имало ли е архитектура на микрофронтендове?
Къде може да се използва interface, но не може да се използва type?
Имали ли сте опит с Docker и CI/CD в контекста на фронтенд разработката?
Съставни компоненти + React Context → предаване на formEntity чрез доставчик в Form и използване в FormItem. Form обгръща децата си в FormContext.Provider, а FormItem използва cloneElement за инжектиране на стойност и onChange в Input. Капан: уверете се, че FormItem предава името към обработчика за актуализация. ```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 }), }); }; ```
Каква е разликата между директивите v-if и v-show?
Какво е debounce?