Вопросы для собеседования по базовым понятиям React
- Перевод
1) Что такое виртуальный DOM? Как виртуальный DOM повышает производительность React?
Подобно "настоящему" DOM, виртуальная модель DOM представляет собой дерево узлов, в котором элементы, их атрибуты и содержимое перечислены в виде объектов и свойств. Метод render()
в ReactDOM создает дерево узлов из компонентов React и обновляет это дерево в ответ на мутации в модели данных, вызванные действиями.
Всякий раз, когда что-либо изменяется, весь пользовательский интерфейс сначала ре-рендерится в виртуальном представлении DOM. Вычисляется разница между предыдущим виртуальным представлением DOM и текущим. "Настоящий" DOM обновляется с учетом того, что действительно изменилось. Обновление виртуального DOM происходит очень быстро по сравнению с ре-рендерингом в реальном браузере. Следовательно, производительность улучшается.
2) В проекте React мы добавляем ссылку на 2 файла. Один из них - react.js, другой - react-dom.js. Почему нам нужно включить два файла, а не один?
Библиотека компонентов React используется на веб-сайтах, а также для создания мобильных приложений с помощью React Native. Файл React.js - это небольшой файл, который выполняет работу по созданию компонентов. Поэтому он используется как в веб-проектах, так и в проектах React-Native. В Интернете компоненты затем отображаются в браузере с помощью response-dom.js. Таким образом, 2 файла разделены для возможности повторного использования.