Reactify | Frontend Разработка

🐝 Собеседование в компании Билайн

Позиция Middle Frontend Разработчик

1. Разница между WebSocket и SSE?
2. Разница между юнит-тестами и интеграционными тестами?
3. Допишите код хука и его типы:

type UseArrayActions = {
  push: (item) => void,
  removeByIndex: (index) => void
}

export function useArray(initialValue): { value } & UseArrayActions {
  const [value, setValue] = useState(initialValue);

  const push = (item) => setValue();
  const removeByIndex = (index) => setValue();

  return { value, push, removeByIndex };
}

4. Дан массив строк (не меньше 3 элементов), в котором одна из строк отличается по составу входящих в неё букв от остальных строк в массиве. Порядок, количество, регистр букв и пробелы роли не играют. Реализовать метод, который принимает на вход такой массив строк, и возвращает отличающуюся строку.

console.assert( findUniq(['a', 'a Aa', 'ab a', 'AA a']) === 'ab a' );
console.assert( findUniq(['ab', 'a Aa', 'ab a', 'bAA a']) === 'a Aa' );
console.assert( findUniq([1,2,1,1]) === 2 );
console.assert( findUniq(['aBca', 'ac b', 'bac', 'fO o', 'bca', 'cabaccBA', ' Ccba']) === 'fO o' );

function findUniq(strings) {
  ???
}

5. Объясните, что произойдет при выполнении следующего кода:

const Andrey = {
  name: 'Андрей',
  surname: 'Малахов',
  city: {
    name: 'Москва'
  },
}

const Genadius = {
  name: 'Генадий',
  surname: 'Малахов',
  city: Andrey.city,
}

Genadius.city.name = 'Санкт-Петербург'

6. В каких случаях может выполниться “something code”?

const checkIntervalMs = 2000;
const toleranceMs = 2000;
let lastCheckStamp: number = null;

setInterval(
    () => {
        const now = Date.now();
        if (lastCheckStamp && now - lastCheckStamp > checkIntervalMs + toleranceMs){ 
            //something code
        }
        lastCheckStamp = now;
    },
    checkIntervalMs
);

7. Что такое Server-Sent Events?
8. Опыт работы с постоянным соединением через WebSocket?
9. Что такое Event Loop?
10. Что происходит при вводе адреса в адресной строке и нажатии Enter?
11. Что такое чистая функция?

#interview

www.group-telegram.com/us/reactify_IT.com/1416

3.1K viewsApr 8 at 08:26

🐝 Собеседование в компании Билайн

Позиция Middle Frontend Разработчик

1. Разница между WebSocket и SSE?
2. Разница между юнит-тестами и интеграционными тестами?
3. Допишите код хука и его типы:

type UseArrayActions = {
  push: (item) => void,
  removeByIndex: (index) => void
}

export function useArray(initialValue): { value } & UseArrayActions {
  const [value, setValue] = useState(initialValue);

  const push = (item) => setValue();
  const removeByIndex = (index) => setValue();

  return { value, push, removeByIndex };
}

console.assert( findUniq(['a', 'a Aa', 'ab a', 'AA a']) === 'ab a' );
console.assert( findUniq(['ab', 'a Aa', 'ab a', 'bAA a']) === 'a Aa' );
console.assert( findUniq([1,2,1,1]) === 2 );
console.assert( findUniq(['aBca', 'ac b', 'bac', 'fO o', 'bca', 'cabaccBA', ' Ccba']) === 'fO o' );

function findUniq(strings) {
  ???
}

const Andrey = {
  name: 'Андрей',
  surname: 'Малахов',
  city: {
    name: 'Москва'
  },
}

const Genadius = {
  name: 'Генадий',
  surname: 'Малахов',
  city: Andrey.city,
}

Genadius.city.name = 'Санкт-Петербург'

const checkIntervalMs = 2000;
const toleranceMs = 2000;
let lastCheckStamp: number = null;

setInterval(
    () => {
        const now = Date.now();
        if (lastCheckStamp && now - lastCheckStamp > checkIntervalMs + toleranceMs){ 
            //something code
        }
        lastCheckStamp = now;
    },
    checkIntervalMs
);

BY Reactify | Frontend Разработка