JaeSeoKim / jaeseokim.github.io

Blog

http://jaeseokim.github.io

12 stars 1 forks source link

[React] Portal, Render의 차이점, 활용방안 알아보기! | JaeSeoKim's Blog #100

Open utterances-bot opened 3 years ago

utterances-bot commented 3 years ago

[React] Portal, Render의 차이점, 활용방안 알아보기! | JaeSeoKim's Blog

최근 Kakao Map Api를 React Component 라이브러리로 개발을 진행하며 자주 사용하게 된 ReactDom의 Portal 기능에 대해서 공부를 하면서 Render와 어떠한 차이점이 있는지 그리고 활용방안에 대해서 정리 해보았습니다! Portal 이란? ReactDom의 Portal 기능은 부모 컴포넌트의 DOM 계층 구조 바깥에 있는 DO…

https://jaeseokim.dev/React/React-PortalRender%EC%9D%98%EC%B0%A8%EC%9D%B4%EC%A0%90%ED%99%9C%EC%9A%A9%EB%B0%A9%EC%95%88%EC%95%8C%EC%95%84%EB%B3%B4%EA%B8%B0/

hochan222 commented 3 years ago

좋은 글이네요 ㅎㅎ 잘 읽었습니다 :)

hannal commented 3 years ago

친절하고 자세한 정리여서 유용하게 바로 써먹을 수 있겠습니다. 👍 잘 읽었습니다.

idjaeha commented 2 years ago

Notification을 구현할 때 Context API로 감싸줘서 해결하는 방식을 채택했는데 Wrapper가 많아지니 코드가 지저분해지더라구요... 근데 Render로 활용할 수 있었다니 Portal 볼려고 들어왔다가 큰 수확 얻고 갑니다 ㅎ 좋은 글 감사합니다~

verycosy commented 2 years ago

너무 좋은 글이네요 덕분에 편하게 배웠습니다 감사합니다

datalater commented 2 years ago

잘 봤습니다. 사이드 프로젝트 때 리액트로 래핑하신 Kakao Map API 썼는데 아주 쾌적하게 잘 썼습니다 :)