Что делает этот алгоритм, так это обновление React DOM (объектная модель документа). Итак, процесс обновления React DOM называется алгоритмом согласования.
Прежде чем перейти к тому, как работает алгоритм согласования, нам нужно знать, что такое DOM и виртуальный DOM,
Объектная модель документа (DOM) содержит и включает в себя структуру и все содержимое веб-страницы. В DOM, когда браузер получает HTML-файл, браузер пропускает его через механизм рендеринга и создает дерево DOM. В дереве DOM все элементы HTML зарезервированы как узлы. То же самое происходит с CSS, который поставляется с файлом HTML. Он проходит через тот же процесс. Он создает объектную модель стиля. Все это вместе составляет дерево рендеринга.
Эти Render Tree должны пройти стадию компоновки. Что происходит на этапе макета, так это то, что здесь все координаты Render Tree подсчитываются и прикрепляются к элементам, чтобы он мог понять, где на экране они будут напечатаны. После этой операции, наконец, распечатайте страницу, чтобы мы могли ее увидеть. Это процесс DOM. Когда мы что-то меняем в файле HTML или CSS, браузер выполняет тот же процесс, что и при изменении. Весь этот процесс требует времени. Весь этот процесс замедляет загрузку страницы.
Но в Virtual DOM он не проходит весь процесс DOM и не перезагружает всю веб-страницу. Просто обновите состояние, в котором оно изменилось, и перезагрузите его, не перезагружая другие состояния. Предположим, что DOM — это дерево, в котором каждый узел является компонентом. Когда мы изменили некоторые данные, он создает новое дерево, где все компоненты создаются снова. Итак, теперь у него есть два разных состояния дерева. Теперь его сравните оба, а теперь здесь, его deicide, положение которого было изменено с помощью алгоритма согласования.
Алгоритм согласования принимает решение эффективным способом. Приняв решение, React изменяет конкретное положение компонента. В этом главная прелесть React Virtual DOM.
Так. Этот алгоритм согласования прост, но упрощает весь процесс для React. Это делает процесс DOM более эффективным и простым.
