개발중인앱(3) - 애니메이션으로 인해 길어지는 코드 관리 방법

개발중인 앱에 모든 버튼에 애니메이션이 들어가다보니 코드 줄이 길어지는겠구나 라고 생각이 들어 효과를 공통으로 빼놓았습니다.

 

<눌르면 눌리고 손을때면 다시 원래대로되는 컴포넌트>
{children}
</눌르면 눌리고 손을때면 다시 원래대로되는 컴포넌트>

 

이런식으로 컴포넌트를 관리하면 훨씬 편해집니다.

모달도 동일합니다.

<Modal isVisible={isVisible} onSwipeComplete={() => setIsVisible(false)} ....등등>

{children}

</Modal>

 

이런식으로 공통컴포넌트를 만들어 코드 줄이 확연히 줄어들고 코드 읽을때도 편해집니다.