Почему React не включает теневой DOM?Разве это не сделает жизнь намного проще, чем работа с CSS в решениях JS?

Question

По каким причинам реагирует, внутренняя поддержка теней не поддерживается.В настоящее время для решения проблем инкапсуляции стилей нам нужно использовать сторонние библиотеки.

Answer 1

Shadow DOM реализован только в последних выпусках современных браузеров (только Chrome, Opera и Firefox).

В то время как команда React разработала решение для гораздо большего числа браузеров и более старых выпусков.

Более того, переход на Shadow DOM повлечет за собой множество изменений в архитектуре и философии фреймворка (без ретро-совместимости).

Последнее, я полагаю, команда довольна своей текущей виртуальной DOM.

Answer 2

Виртуальный DOM быстрее, потому что избегайте ненужных изменений в DOM, которые являются дорогостоящими с точки зрения производительности, потому что изменения в DOM обычно вызывают повторную визуализацию страницы, а также позволяют собирать несколько изменений, которые будут применены одновременно, поэтомуне каждое отдельное изменение вызывает повторный рендеринг, но вместо этого повторный рендеринг происходит только один раз после того, как набор изменений был применен к DOM.

Если вы чувствуете необходимость реализовать теневой DOM в реакции, здесь мы:

https://github.com/Wildhoney/ReactShadow