리액트에서 슬롯 컴포넌트 사용하기
슬롯 컴포넌트의 개념은 'Vue.js' 진영에서는 주로 사용되는 개념이지만, 'React.js' 진영에서는 자주 다뤄지는 개념은 아닌듯 합니다. 개인적으로 'Vue.js'로 FE 개발을 먼저 접한 입장에서는 'Vue.js'에서는 슬롯 컴포넌트를 통해 처리할 수 있는 상황을 'React.js‘에서는 props를 통해 컴포넌트를 전달해야 하는 형태가 그리 썩 마음에 들지 않았습니다. 이러한 아쉬움을 해소하고자, 그리고 혹여나 저와 비슷한 아쉬움을 느끼고 있는 분이 있을까 하여 현재 작업중인 'React.js' 유틸 라이브러리에 관련 기능을 추가하여 배포하였습니다! 기존에 주로 사용되는 네임스페이스 패턴과 비슷한 방식으로 코드를 작성할 수도 있고, 또는 훅 형태로 작성할 수도 있습니다. 아직 문서화나 코드 상 부족한 부분이 많지만, 혹시나 이러한 개념에 관심이 있던 개발자 분들이라면 한번 구경하러 와주시면 감사드리겠습니다! 😃 https://seungrodotlee.github.io/dot/overeact/slots/overview