Фреймворк и библиотека – это два разных подхода к организации кода, которые используются для упрощения разработки программного обеспечения.

Библиотека представляет собой коллекцию модулей или функций, предназначенных для использования другими приложениями. Она содержит набор готовых решений для различных задач и обеспечивает функциональность, которую можно использовать в своём приложении. Пользователь сам выбирает, какие модули или функции использовать, и какую логику реализовывать самостоятельно.

Фреймворк представляет собой интегрированный набор компонентов и инструментов, который предоставляет готовое решение для решения определенной задачи. Его основная цель – упростить разработку приложений, обеспечивая заранее заданную структуру и логику работы. В отличие от библиотеки, фреймворк накладывает определенные ограничения на структуру, логику и процесс разработки приложения, но при этом предоставляет готовый инструментарий для работы.

В целом, библиотека дает большую свободу в выборе логики и реализации приложения, но требует больше написания кода. Фреймворк же облегчает начало разработки и создает более унифицированный код, но может ограничивать возможности программиста по изменению поведения и структуры приложения.

Клонирование объектов можно сделать несколькими способами:
Использование Object.assign()
Использование оператора spread (...)
Использование JSON.parse() и JSON.stringify() (для глубокого клонирования, но с ограничениями).

IIFE — это функция, которая немедленно выполняется после её объявления. Она часто используется для создания замкнутого контекста и предотвращения загрязнения глобального пространства имен.

function() {
console.log('This function runs immediately');
})();

Сортировка подсчетом — это алгоритм сортировки коллекции объектов по ключам, представляющим собой небольшие целые числа

const countingSort = (inputArr: number[], min: number, max: number) => {
  const sortedArr = []

  const count = new Array(max - min + 1).fill(0)

  for (const element of inputArr) count[element - min]++

  count[0] -= 1

  for (let i = 1; i < count.length; i++) count[i] += count[i - 1]

  for (let i = inputArr.length - 1; i >= 0; i--) {
    sortedArr[count[inputArr[i] - min]] = inputArr[i]
    count[inputArr[i] - min]--
  }

  return sortedArr
}

Вы и сами знаете, как тяжело обстоят дела с трудоустройством в 2025 году. Откликов на джунов больше, чем вакансий, и даже опытные вроде бы мидлы долго ищут работу.

В видео разобрал подробно, что нужно знать современному мидлу, чтобы соответствовать запросам рынка

Модули в JavaScript — это способ организации и изоляции кода. Модули позволяют импортировать и экспортировать функции, объекты и данные между различными файлами, обеспечивая лучшую структуру и повторное использование кода.

Пример:
/ module.js
export const greet = (name) => `Hello, ${name}`;

// main.js
import { greet } from './module.js';
console.log(greet('Alice'));

Мемоизация — это техника оптимизации, при которой результаты функции кэшируются, чтобы избежать повторных вычислений с одинаковыми входными данными. Это особенно полезно для функций, которые выполняют дорогие вычисления и часто вызываются с одинаковыми аргументами.

Пример реализации мемоизации:

function memoize(fn) {
const cache = {};
return function (...args) {
const key = args.join(',');
if (!cache[key]) {
cache[key] = fn(...args);
}
return cache[key];
};
}

const slowFunction = (a, b) => a + b; // пример функции
const fastFunction = memoize(slowFunction);

console.log(fastFunction(1, 2)); // 3
console.log(fastFunction(1, 2)); // 3 (из кэша)

Shadow DOM — это механизм инкапсуляции, который позволяет скрыть часть DOM от основного дерева. Это полезно для создания компонентов с независимым стилем и поведением, предотвращая влияние на другие части страницы.

Пример:

<my-element></my-element>

<script>
class MyElement extends HTMLElement {
constructor() {
super();
const shadowRoot = this.attachShadow({ mode: 'open' });
shadowRoot.innerHTML = `<p>Hello from Shadow DOM</p>`;
}
}

customElements.define('my-element', MyElement);
</script>

Service Workers — это скрипты, которые работают в фоновом режиме и могут использоваться для реализации функционала, такого как кэширование данных для работы в оффлайн-режиме, push-уведомления и фоновые синхронизации.

Пример регистрации service worker:

if ('serviceWorker' in navigator) {
navigator.serviceWorker.register('/service-worker.js')
.then(function(registration) {
console.log('Service Worker зарегистрирован:', registration);
})
.catch(function(error) {
console.log

Redux — это библиотека для управления состоянием в JavaScript-приложениях. Он использует принцип единого хранилища (store), которое содержит все состояние приложения, и позволяет изменять его через действия (actions) и редьюсеры (reducers).

React Router — это библиотека для маршрутизации в React-приложениях. Она позволяет управлять навигацией между страницами, используя компоненты Route, Link и BrowserRouter.

<BrowserRouter>
<Link to="/home">Home</Link>
<Route path="/home" component={Home} />
</BrowserRouter>

Эти вопросы покрывают основные концепции React и соответствующие технологии. Готовность отвечать на них уверенно поможет вам показать свои знания и навыки на собеседовании для позиции React-разработчика.

Серверный рендеринг (SSR) — это процесс рендеринга React-компонентов на сервере перед отправкой HTML-кода на клиент. Это улучшает SEO и ускоряет первоначальную загрузку приложения.

Suspense — это компонент, который позволяет отложить рендеринг части интерфейса до тех пор, пока не будут загружены необходимые ресурсы (например, компоненты или данные). Это часто используется в сочетании с React.lazy.

Pure компоненты в React — это компоненты, которые не изменяют свои props и state, и всегда возвращают одинаковый результат при одинаковых входных данных. Они могут быть реализованы с помощью React.PureComponent или функциональных компонентов с использованием React.memo.