#собесы #react #senior
Вопросы, которые могут задать на собеседовании Senior React Developer.
Проверьте себя без помощи поисковиков!

❓Что такое Virtual DOM и как он работает?

Пример кода:

const App = () => {
  const [count, setCount] = React.useState(0);

  return (
    <div>
      <p>{count}</p>
      <button onClick={() => setCount(count + 1)}>Increment</button>
    </div>
  );
};

Здесь React обновляет только текст внутри <p>, а не весь DOM.

❗️Virtual DOM — это легковесная копия реального DOM, которая используется React для оптимизации обновлений интерфейса. Когда состояние компонента изменяется, React создает новый Virtual DOM и сравнивает его с предыдущим (процесс называется diffing). Затем React определяет минимальный набор изменений, которые нужно применить к реальному DOM, чтобы синхронизировать его с Virtual DOM. Это позволяет избежать дорогостоящих операций с реальным DOM и повышает производительность.

Ссылка на документацию по React Reconciliation