React.StrictMode란?

CRA를 통해서 react 프로젝트를 생성해보면

 

index.js 파일에 어김없이 <React.StrictMode> 라는 태그를 볼 수 있다.

 

그리고 지워도 아무런 에러가 생기지 않는다.

 

이것은 무엇일까? 지워도 되는 것일까?

 

리액트 공식문서에 따르면,

"StrictMode는 애플리케이션 내의 잠재적인 문제를 알아내기 위한 도구입니다. 

Fragment와 같이 UI를 렌더링하지 않으며, 자손들에 대한 부가적인 검사와 경고를 활성화합니다."

 

라고 소개되어 있으며, 잠재적인 문제의 종류로는 다음과 같은 것들이 있다.

 

• 안전하지 않은 생명주기를 사용하는 컴포넌트 발견
• 레거시 문자열 ref 사용에 대한 경고
• 권장되지 않는 findDOMNode 사용에 대한 경고
• 예상치 못한 부작용 검사
• 레거시 context API 검사

꼭 index.js에 쓰지 않아도 되고 부분적으로도 사용할 수 있다.

 

개발모드에만 영향을 끼친다니, 잠재적인 이슈를 발견해준다는데 굳이 지우고 사용할 이유는 찾기 어렵다고 생각한다.