Frontend

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

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

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> ); }

export function foo(o, arr) { return arr.reduce((a, x) => { // if (o.hasOwnProperty(x)) a[x] = o[x]; if (o[x]) a[x] = o[x]; return a; }, {}); } const obj = {a: 's'} foo(obj, ['a'])

Какова сигнатура метода reduce у массивов? Что нужно возвращать из callback на каждой итерации?

Middle

ОТП Банк

/** * Дан массив точек с целочисленными координатами (x, y). * Определить, существует ли вертикальная прямая, * делящая точки на 2 симметричных относительно этой прямой набора. * Note: Для удобства точку можно представлять не как массив [x, y], а как объект {x, y} */ isVertSym([[0, 0], [0, 0], [1, 1], [2, 2], [3, 1], [4, 0], [4, 0]]) // true isVertSym([[0, 0], [0, 0], [1, 1], [2, 2], [3, 1], [4, 0]]) // false isVertSym([]) // true isVertSym([[0, 0]]) // true isVertSym([[0, 0], [10, 0]]) // true isVertSym([[0, 0], [11, 1]]) // false isVertSym([[0, 0], [1, 0], [3, 0]]) // false function isVertSym(list) { // code here }

Middle

Яндекс Маркет

Какие стратегии рендеринга существуют? Расскажите про CSR, SSR, SSG.

Чем отличается векторная графика (SVG) от растровой? Как SVG используется в веб-разработке?

Как работают сессии и авторизация? Как после логина все последующие запросы не требуют повторной авторизации?

С чем бы ты хотел поделиться из своего опыта? Какие-то значимые события, значимые успехи, о которых хочется рассказать, или наоборот какие-то фейлы?

Что такое классовые и функциональные компоненты в React? Чем они отличаются?

Что такое Promise и как он работает?

Что ищете для себя, что интересное?

Объясни, что такое Virtual DOM в React.

Работали ли вы с Legacy-кодом?

Общее понимание JavaScript: передача параметров, асинхронность, прототипы, обработка ошибок

Middle

Яндекс Маркет

Работал ли ты с UI-библиотеками? Какие там есть плагины или расширения?

Как у тебя дела с TypeScript? Есть тип Foo с полями a: string, b: number, c: null, d: boolean. Нужно сделать тип FooKeys на основе Foo, чтобы в нём были все ключи из Foo.

Почему вы покинули предыдущую компанию?

Senior

Мой Склад