Рендеринг пользовательских интерфейсов (UI)
Чтобы понять, как работает React, сначала нужно разобраться в том, как браузеры интерпретируют ваш код для создания (или рендеринга) пользовательских интерфейсов (UI).
Когда пользователь посещает веб-страницу, сервер возвращает браузеру HTML-файл, который может выглядеть так:
Затем браузер читает HTML и строит объектную модель документа (DOM).
Что такое DOM?
DOM — это объектное представление HTML-элементов. Он выступает в качестве моста между вашим кодом и пользовательским интерфейсом и имеет древовидную структуру с родительскими и дочерними отношениями.
Вы можете использовать методы DOM и JavaScript для отслеживания пользовательских событий и манипуляции DOM путем выбора, добавления, обновления и удаления конкретных элементов в пользовательском интерфейсе. Манипуляции с DOM позволяют не только выбирать определенные элементы, но и изменять их стиль и содержимое.
В следующем разделе вы узнаете, как использовать JavaScript и методы DOM.
Дополнительные ресурсы: