Загрузка…
Загрузка…
React — библиотека для описания UI компонентами и элементами. ReactDOM — пакет, который рисует это дерево в браузерный DOM.
| Пакет | Роль |
|---|---|
react | createElement, hooks, Component, context API |
react-dom | createRoot, hydrateRoot, portals |
react-native | другой рендерер для нативных view |
import React, { useState } from 'react';
import { createRoot } from 'react-dom/client';
function App() {
const [v, setV] = useState(0);
return <button onClick={() => setV(v + 1)}>{v}</button>;
}
createRoot(document.getElementById('root')).render(<App />);Один и тот же declarative layer может работать с разными платформами. Тесты иногда используют другой рендерер. SSR использует react-dom/server.
«React рендерит в DOM» — разговорно да, технически рендерит react-dom. Импорты хуков — из react, монтирование — из react-dom/client.
Итог: чёткое разделение core vs platform binding — хороший сигнал понимания архитектуры React. На собеседовании этого часто хватает для уверенного middle-ответа.
Стоит уметь объяснить тему на примере из проекта: какой API выберете, какие риски и как отладите. На собеседовании ценят структуру ответа и связи с соседними темами React (рендер, props, состояние, эффекты).
