Frontend

Съставни компоненти + 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?

Ако обявите функция и след това променлива — ще бъде ли достъпна вътре в нея? Обяснете hoisting на променливите и временната мъртва зона.

Как бихте разделили състоянието на сървъра и клиента?

Споменахте разработването на библиотека с повторно използваеми компоненти UI-kit, базирана на Angular Material. Има ли принципна разлика между компонентите на библиотеката и обикновените многофункционални компоненти на приложението? От какво може да се откаже в обикновените компоненти, но не и в библиотечните?

Middle

Госуслуги

Запознат ли си с понятието «акордеон»? Как може да реализираш този компонент без JavaScript?

Как се реализира принципът на Dependency Inversion в Angular? Какво е InjectionToken?

Избройте React хуковете, с които сте работили. Обяснете основната разлика между useState и useRef.

Можете ли да изброите всички технически решения на този проблем (освен замяната на полето със сигнал)?

/* Какво ще се изведе в конзолата */ async function f() { console.log(1); const promise = new Promise((resolve) => { console.log(2); setTimeout(() => { console.log(3); resolve("готово!"); console.log(4); }); }); console.log(5); const result = await promise; console.log(6); console.log(result); return "Резултат"; } f(); console.log(7);

В коя екип работите и по кой проект?

SSG се генерира по време на билд, SSR — по време на заявка. Кога какво да използвам? Какво е ISR?

Защо използвахте computed за филтриране на тарифите, а не обикновени променливи или функции?

Middle+

Рунити

Попълнете матрицата 5×5 с уникални случайни цели числа от 0 до 1000.

Защо грешките във функцията any не могат да бъдат добавени чрез push, а трябва да се записват по индекс?

Middle+

Яндекс 360

С кои протоколи вашето приложение комуникираше с бекенда?

Middle+

Альфа-Банк

Получаваш задача: след 10-15 минути работа страницата започва да забавя силно, трябва да се поправи. Какви ще бъдат първите ти стъпки?

Задача: Създайте страница с многофункционална таблица за криптовалути. Трябва да се свържете с API и да покажете списъка с монети в таблицата. Минимални изисквания: Проект, създаден от нулата Само Typescript Свързване с API Сортиране по стойности в колоната Търсене по стойности в клетките (работи по принципа на логическо И) Допълнителни задачи: Собствена пагинация Минимални стилове (приятен и подреден вид) Общо търсене по стойностите във всички клетки Възможност за закрепване на колони

Имате ли дежурства (on-call) и как са организирани?

Кога трябва да използвате мениджъра на състоянието и кога е достатъчно локално състояние или контекст?