Есть ли Shadow DOM в React

React не использует Shadow DOM напрямую, но реализует похожие концепции изоляции через виртуальный DOM и компонентный подход. Shadow DOM — это веб-стандарт для инкапсуляции стилей и структуры DOM, который используется в нативных веб-компонентах. React компоненты изолируют логику и стили, но делают это на уровне JavaScript, а не браузерного API. Например, CSS-in-JS библиотеки (styled-components, Emotion) эмулируют изоляцию стилей, но без реального Shadow DOM. Пример с веб-компонентом (не React): ```javascript class MyElement extends HTMLElement { constructor() { super(); this.attachShadow({ mode: 'open' }); this.shadowRoot.innerHTML = `

Shadow DOM content

`; } } customElements.define('my-element', MyElement); ``` React предпочитает другие методы изоляции, но можно вручную использовать веб-компоненты внутри React при необходимости.