노트-react 디자인 패턴 고려 사항: 기능 재사용

팀에서 사용하는 디자인패턴은 아토믹 디자인 패턴을 사용하여 UI구성 시, 재사용성과 유지보수성을 높이고 있다.

기능상에서는 공통된 디자인패턴이 없어, 개발자 마다 다른 코드 스타일을 가지고 있었고, 이는 추후 협업에 큰 문제가 될 것 같았다.

아마 가장 시급한 부분은 디자인 시스템을 구현하는데 있어서, 로직 구현에 필요한 코드가 모두 달라서 생기는 문제가 크다.

 

아토믹 디자인 패턴을 로직 재사용성도 구현할 수 있을까?

아토믹 디자인 패턴은 UI구성에 활용하기에 적합하고 비즈니스 로직에는 적합하지 않다.

 

composite pattern

https://medium.com/@developInvestor/composition-pattern-%EC%9D%84-react-component%EC%97%90-%EC%A0%81%EC%9A%A9%ED%95%B4%EB%B3%B4%EC%9E%90-6bf82c564585

Composition Pattern 을 React Component에 적용해보자!

 

리액트는 ui 라이브러리이지 로직에 관여하는 라이브러리가 아니여서 로직을 구성하는 부분에서는 많은 자유가 주어진다.

협업에서는 과도한 자유가 독이 되는 것 같다.

코딩 가이드문서에 따라 로직을 구성하는 것이 협업에 도움이 더 될 것 같다.