React 19 업그레이드, 무엇이 바뀌었을까?
by DD
2년 전
조회수 3
React 19로의 업그레이드를 위한 설치 방법, 코드모드 사용법 안내
PropTypes 제거, string refs 및 ReactDOM.render 삭제 등 주요 변경 사항 설명
TypeScript 타입 변경 및 useReducer 타이핑 개선, JSX 네임스페이스 변경
React 19 설치 및 JSX 변환
React 19 설치를 위해 npm install 또는 yarn add 명령어를 사용한다. 구체적으로, 새로운 JSX 변환을 위해 최신 버전을 설치해야 한다. 따라서, 기존 환경에서 JSX 변환 설정을 확인하고, 필요한 경우 업데이트를 진행해야 한다.
PropTypes, string refs, ReactDOM.render 제거
React 19에서는 PropTypes와 defaultProps가 제거되어 TypeScript 또는 다른 타입 검사 솔루션으로 마이그레이션해야 한다. string refs는 ref callbacks로, ReactDOM.render는 createRoot로 변경되었다. 반면, 이러한 변경 사항은 코드모드를 통해 자동화할 수 있다.
TypeScript 타입 변경 및 useReducer 개선
ReactElement의 props 타입이 unknown으로 변경되었으며, useReducer의 타입 추론이 개선되었다. 구체적으로, useReducer는 타입 인자를 전달하지 않거나, State와 Action 타입을 튜플로 전달해야 한다. 따라서, 기존 TypeScript 코드를 검토하고, 타입 관련 오류를 수정해야 한다.
