Day12

[j03y14]

createPortal을 사용하는 경우

1. dom의 다른 부분으로 랜더링 하기
2. 리액트를 사용하지 않는 부분의 dom 노드에 리액트를 렌더링 할 때

createPortal 쓰면 renderToString 쓰던 부분을 더 쉽게 처리할 수 있을듯

만약 클라이언트에서 창의 크기에 따라서 다른 컴포넌트를 렌더링해야 한다면 hydrateRoot에서 서버와 클라이언트의 불일치 문제를 해결하는 방법이 뭐가 있을까?

불일치가 없을 수는 없을거 같고 useLayoutEffect로 리렌더링을 시키는게 가장 좋은 해결책인건가?

[kkirico]

createPortal

포털을 사용할 때 앱에 접근할 수 있는지를 확인하는 것이 중요합니다. 예를 들어, 사용자가 포털 안팎으로 자연스럽게 초점을 이동할 수 있도록 키보드 포커스를 관리해야 할 수 있습니다.

포털 안의 컴포넌트가 포털 밖의 DOM노드에 접근할 수 있는지 확인해야한다. 예시의 경우에, 접근이 가능하도록 확인해야한다.