Frontend

Что такое обработка событий в React? Что такое синтетический ивент?

Кто придумывал дизайн и расположение элементов в вашем интерфейсе?

Как компонент узнает, в какой среде (проекте) он находится и какую бизнес-логику использовать?

Расскажи про VueUse: какие фичи использовал в работе?

Объясните атрибуты async и defer у тега script. Что это такое и в чём отличие?

Как относишься к прохождению полиграфа?

Как осуществлялась приёмка задач в предыдущей компании? Какие тестовые стенды были?

Middle

Лига Цифровой Экономики

Что такое React, для чего он создан и каковы его основные концепции?

Расскажи о своём опыте: где работал, чем занимался, какой стек?

Middle

СБЕР

В резюме указана защита от race condition через AbortController. Как именно вы интегрируете отмену запросов в жизненный цикл компонента Vue? Например, если пользователь ушёл со страницы до завершения запроса, как это реализовать со сложной логикой Pinia?

Расскажите о своём текущем проекте: что делали, как была устроена команда, какие задачи выполняли?

Как вы оцениваете себя: middle, middle+, senior?

Какие плюсы и минусы кастомного UI-кита?

В чём разница между watch и watchEffect во Vue.js?

Как был реализован модуль интеграции с четырьмя POS-системами на основе общего переиспользуемого компонента, учитывая разные API?

Расскажите о предыдущих местах работы: функционал, задачи, достижения.

Какие факторы для вас важны в компании, а к чему вы спокойно относитесь?

С какими менеджерами состояния работал?

Middle+

Аэрофлот

// comp.vue <template> <ul v-if="products != null"> <li v-for="(pr, i) in products">{{pr}}</li> </ul> </template> <script> import {getProducts} from ""; import {ref} from "vue"; const products = ref(null); onMounted(() => { getProducts().then(result => products.value = result) }) </script> setup() (выполняется до beforeCreate и created) onBeforeMount onMounted onBeforeUpdate onUpdated onBeforeUnmount onUnmounted Родитель: setup Родитель: beforeCreate Родитель: created Родитель: beforeMount Дочерний: setup Дочерний: beforeCreate Дочерний: created Дочерний: beforeMount Дочерний: mounted Родитель: mounted <template> <div> <slot name=""></slot> </div> </template>

import "./styles.css"; import React from "react"; const getData = () => { return Array.from({ length: 50 }, (el, idx) => ({ value: Math.random(), label: `row ${idx + 1}`, })); }; export default function App() { const [data, setData] = React.useState(getData()); const handleUpdate = () => { setData((prev) => { return prev.map((row, i) => i === 0 ? { ...row, value: Math.random() } : row ); }); }; return ( <div> <h1>List App</h1> <Button onClick={handleUpdate}>update `row 1`</Button> {data.map((row) => { return <Row key={row.label} label={row.label} value={row.value} />; })} </div> ); }