프로젝트에서 TypeScript or PropTypes 중 어떤 것을 사용할 것인가에 대해서 논의가 되었었고,
당시 현업에서 PropTypes를 사용하기로 결정이 되어 사용했었다.
리액트 사이트에서 보면 애플리케이션의 타입 확인을 위하여 TypeScript와 같은 JavaScript도구를 사용할 수 있고, 특별한 프로퍼티인 propTypes를 선언할 수 있다는 설명이 있다.
import React from 'react';
import PropTypes from 'prop-types';
const Counter = ({ history, isChecked, inputCode}) => {
...
};
Counter.propTypes = {
history: PropTypes.object,
isChecked : PropTypes.bool,
inputCode : PropTypes.func
};
export default Counter;
위 코드처럼 사용하며, PropTypes는 전달받은 데이터의 유효성을 검증하기 위해서 다양한 유효성 검사기를 내보내며, PropTypes는 성능상의 이유로 개발 모드에서만 확인된다.