Frontend

Какие проекты вы делали в [компания]?

Middle

Транснефть

Какая технология лежит в основе React и для чего она нужна?

Знакомы ли вы с фреймворком Electron? Что это такое?

Можете кратко описать структуру HTTP-запроса и HTTP-ответа?

Как сам оцениваешь свои навыки фронтенд-разработчика на React?

Вы писали full stack, то есть вы и Python использовали, и другие вещи — бэкенд касались. Можете про это рассказать более обширно? В какой части вы перепрыгивали через фронтенд и начинали заниматься бэкендом?

import React, { useState, useEffect, useRef, useContext, useReducer, useMemo } from 'react'; const someFunc = (arr) => { return [...arr].sort((a, b) => a - b); }; const LazyInit = (props) => { const [arr, setArr] = useState(() => someFunc(props.arr)); const onClick = () => { setArr((prev) => prev.concat(prev.length + 1)) } return ( <> <button onClick={onClick}> Increment </button> <ul> {arr.map((n, index) => <li key={index}>{n}</li>)} </ul> </> ) } export default () => <LazyInit arr={[1, 2, 3]} />; --- The conversation on the right side discusses: - Using TypeScript with generics: "<T extends object, K extends keyof T>" - Checking if data is a string with a type guard: "isString(data: unknown): data is string { ... }" - Using useState with a function to avoid re-running on every render: ``` const [state, setState] = useState(getComplexData); // or const [state, setState] = useState(() => getComplexData()); ``` - The function passed to useState will run only once on component mount. - Warning about mutating state directly on line 11 with prev.concat. --- The technical task is to analyze and possibly fix or optimize the React component code, especially focusing on: - Proper lazy initialization of state with useState. - Avoiding direct mutation of state. - Understanding TypeScript generics and type guards. - Ensuring the component updates state correctly on button click.

Middle+

IT One

Когда срабатывает cleanup-функция в useEffect?

Зачем использовать TypeScript? Какие ключевые плюсы TypeScript?

Расскажи, для чего нужны порталы в React?

Какими принципами ты руководствуешься при проектировании архитектуры и выборе технологий?

Не против ли вы заниматься фуллстеком?

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

В чём разница между useMemo и React.memo? Можно ли заставить компонент, обёрнутый в React.memo, не перерендериваться, даже если пропсы изменились?

Есть два endpoint'а: получение списка пользователей и получение пользователя по ID. Как ты организуешь типизацию ответов и работу с этими API?

Какие способы обработки ошибок в JavaScript существуют?

What backend experience do you have?

/** * @param {Array} iterable * @return {Promise<Array>} */ function promiseAll(iterable) {} // Resolved example. const p0 = Promise.resolve(3); const p1 = 42; const p2 = new Promise((resolve, reject) => { setTimeout(() => { resolve('foo'); }, 100); }); promiseAll([p0, p1, p2]).then(console.log); // [3, 42, 'foo']

В чём различие между interface и type в TypeScript? Когда использовать каждый из них?

Можешь рассказать подробнее, для какой цели вы внедрили микрофронтенды?

Middle

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