Frontend
Стрелковата функция няма свой собствен this — какво означава това и къде сочи this в този случай?
Съставни компоненти + 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 }), }); }; ```
Да предположим, че трябва да създадете защитена страница с автентикация чрез middleware. Как бихте го реализирали?
Какво е затваряне в JavaScript? Дайте пример.
Имало ли е някакъв формат за системен анализ или просто обсъждахте и записвахте точките устно в задачата? Имаше ли документ или страница в Confluence с описание на това, което трябва да се направи?
Така че, кога трябва да се провали тестът и какво точно трябва да проверява: реализацията или договора/интерфейса на класа?
Как се определяше приоритетът на това, което трябваше да бъде покрито с юнит тестове?
Имало ли е случаи, когато си трябвало да заместиш тимлид или да поемеш отговорност за архитектурните решения в проект?
Разкажи ми за SCSS миксини за медийни заявки
Каква е разликата между type и interface в TypeScript?
Коя функция е чиста? Какви са страничните ефекти?
Защо да предаваме целия обект драйвер чрез provide/inject, а не конкретна функция?
Ако обявите функция и след това променлива — ще бъде ли достъпна вътре в нея? Обяснете hoisting на променливите и временната мъртва зона.
Какво е Feature-Sliced Design (FSD), как би организирал миграцията към FSD и как би решавал конфликтите в интерпретацията на слоевете?
#React регистрационна форма 1. Обяснете как работи StateProvider, споделете мислите си с интервюиращия. 2. Вижте /src/api/mock, обяснете как работи. 3. Проверете цвета на SubmitButton и го коригирайте. 4. Реализирайте клиентска валидация на формуляра в компонента Signup. (\*\*) Имайте предвид задача номер 9. Правила: - Полетата за потребителско име, имейл, парола и повторна парола трябва да имат поне 6 символа; - Паролата трябва да съвпада с повторната парола; - Валидацията трябва да се извършва при кликване върху "Sign Up"; - Полетата с невалидни стойности трябва да бъдат маркирани (props error и helperText); 6. Отговорът на API може да съдържа грешка, която трябва да бъде показана на потребителя близо до съответното поле. 7. Уверете се, че компонентът UserName показва новото потребителско име след успешно изпращане. 8. Реализирайте новия компонент SignupSuccess. Той трябва да се показва вместо формуляра за регистрация. 9. Реализирайте сървърна валидация за съответните полета.
Задача 2: Дадени са няколко декларации за интерфейс Todo по-долу, обяснете какво се случва, когато те са в една и съща обхват. Обсъдете как TypeScript ги третира и попълнете обекта `myTodo`, за да отговаря на изискванията на слетия интерфейс Todo. ```typescript interface Todo { title: string; dueDate: Date; } interface Todo { description: string; completed: boolean; } interface Todo { priority: 'high' | 'medium' | 'low'; completed: string; } const myTodo: Todo = {}; ```
Какво е WebSocket? Как се установява връзка WebSocket? Защо браузърът изпраща HTTP заявка при установяване на връзката и какво означава статус 101?
AstonКакви са единиците за измерване rem, em, vw, vh в CSS? Как се различават и как работят?
Защо HTTP ресурсът в Angular поддържа само GET заявки? Какво означава това от гледна точка на предназначението му?
Какви видове тестове знаеш освен юнит тестове?