Frontend

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

In the graph, each circle represents an individual star. The position of the circle’s center indicates the star’s temperature in kelvins (K) and its luminosity (rate of energy emission) relative to that of the sun (Lsun). Note that higher temperatures are to the left. The size of the circle indicates the relative physical size of the star, and the labels indicate the types of stars shown. Apart from the main sequence stars, the group of stars with the greatest range of temperatures is the group of: - Red giants - Red supergiants - White dwarfs - Blue giants

Senior

Nebuly

По грейду как оцениваете себя?

Расскажите про опыт работы с Vue и Nuxt — это чисто фронтенд разработка?

Вы достаточно продолжительное время работаете на последнем месте — почему решили рассмотреть другие предложения?

Have you had the chance to look at our website or do you need an overview of what we do?

Senior

Nebuly

Вы разрабатывали интерактивную схему самолёта с SVG, анимациями и WebSocket. Как вы оптимизировали рендер SVG-элементов при массовых обновлениях статусов мест, чтобы интерфейс не тормозил?

Есть сложный UI: панели, карты, всплывающие окна. Иногда выпадающий список (dropdown) проваливается под другой элемент, хотя у него максимальный z-index. В чём может быть фундаментальная причина такого поведения в CSS и как это исправить во Vue?

Часто сложный flex или grid layout работает отлично в Chrome, но в Safari, особенно на iOS и Mac, интерфейс бывает схлопывается по высоте или ломается скролл. Сталкивались ли с такой проблемой? Как отлаживали баги в Safari?

Вы работали с Quasar ранее? Пытались его кастомизировать и стилизовать?

Расскажи про state management: какие библиотеки использовал, расскажи про архитектуру Redux.

Have you ever worked in a startup environment?

Senior

Nebuly

import { useState } from "react"; const usePreviousValue = (value: number) => {}; export default function App() { const [count, setCount] = useState(0); const previous = usePreviousValue(count); return ( <div className="App"> <h1>Current Value: {count}</h1> <h2>Previous: {previous ?? "-"}</h2> <button onClick={() => setCount((prev) => prev + 1)}>Click</button> </div> ); }

Какие браузерные хранилища существуют?

Лантан

Расскажи про паттерн поднятия состояния (lifting state up) в React

Расскажи про жизненный цикл компонента React и хуки (useEffect, useState, useRef, useCallback, useMemo, useLayoutEffect и др.)

/** * Типизировать функцию, которая принимает массив объектов и ключ, * возвращает массив объектов, где есть этот ключ/свойство **/ const filterArrayByKey = (items, key) => { return items.filter((item) => item[key] !== undefined && item[key] !== null); };

Чем отличается оператор нулевого слияния (??) от логического ИЛИ (||)?

Вакансия несколько месяцев назад закрывалась — почему она снова открылась? Разработчик не прошёл испытательный срок?