ReactJS 최고의 관행

이 장에서는 React의 최고의 관행, 기법 및 기술을列出하여, 애플리케이션 개발 과정에서 일관성을 유지하는 데 도움이 될 것입니다.

• 상태− 가능한 한 이러한 상태를 피해야 합니다. 상태를 중앙화하고 컴포넌트 트리에 전달하는 것은 좋은 관행입니다. 같은 데이터를 필요로 하는 여러 컴포넌트가 있을 때마다, 그들 주위에 상태를 저장하는 컨테이너 요소를 설정해야 합니다. 통합 모델은 React 애플리케이션 상태를 처리하는 좋은 방법입니다.

• PropTypes− 항상 PropType를 정의해야 합니다. 이는 애플리케이션에서 모든 프로퍼티를 추적하는 데 도움이 되며, 같은 프로젝트를 진행하는 모든 개발자에게도 유용합니다.

• 뷰어− 대부분의 애플리케이션 로직은 render 메서드 내에 이동되어야 합니다. 컴포넌트의 라이프사이클 메서드 내의 로직을 최소화하고, render 메서드에 로직을 이동시켜야 합니다. 우리가 사용하는 상태와 프로퍼티가 적을수록 코드가 깔끔해집니다. 상태를 최대한 간단하게 유지해야 합니다. 상태나 프로퍼티에서 무언가를 계산해야 한다면, render 메서드에서 수행할 수 있습니다.

• 조합− React 팀은 단일 책임 원칙을 사용할 것을 권장합니다. 이는 하나의 컴포넌트가 단일 기능만을 책임지도록 하는 것입니다. 여러 기능을 가진 컴포넌트가 있다면, 그 기능마다 새로운 컴포넌트를 생성하여 재구성해야 합니다.

• 고차 컴포넌트 (HOC)− 이전 React 버전은 반복 가능한 기능을 처리하기 위한 mixin을 제공했습니다. 현재 mixins의 사용은 권장되지 않기 때문에, 해결책 중 하나는 HOC를 사용하는 것입니다.