가상돔을 이용해서 돔이 달라지는 것을 발견하고 리얼돔에 반영하는 그 과정속에서 css가 관여할 부분이 있을려나?
예를 들어... 돔은 전혀 변하지 않는데, css를 이용해서 트랜지션, keyframes으로 렌더트리에 변화를 주면 페이지의 내용은 변하잖아
돔은 안변하지만... 근데 자문자답인거 같네...
그러고 보면 돔이 안변하니까 리액트가 관여할 부분이 전혀 없어 보이긴 하는데, 맞나?
--- 추가
브라우저의 렌더링에 관여하는 critical rendering path에서
dom, cssom이 합쳐져서 렌더트리가 나오고, 렌더트리를 바탕으로 레이아웃(리플로우)가 되고
css쪽에 변화가 생긴건 cssom이니 dom이랑 전혀 관련이 없겠지...?
반영하는 과정속에는 리액트가 하는거 없을껄?
VDOM에 변화가 생기면 diff에 해당하는 부분만 매칭되는 DOM Node에만 수정을 가한다 예를들면 개발자도구에서 뭘 하나 지우더라도 그걸 매번 매칭해보지는 않음
리액트의 동작 방식이 하나의 돔노드 아래에서 모든 돔노드 생성하면서 레퍼런스를 가지고 있을텐데 (해당하는 리액트 앨리먼트에 매칭되는) 이걸 굳이 재매칭 해보진 않을 거 같아 그리고 CSS관련된 렌더링은 리액트의 범위를 벗어남 리액트는 HTML만 조작하니까