React Native 0.61 업데이트는 개발 경험을 향상시키는 새로운 주요 기능을 제공합니다.
리액트 네이티브 0.61의 특징
React Native 0.61에서는 현재의 "라이브 리로딩"(저장 시 다시 로드)과 "핫 리로딩" 하이라이트를 "빠른 새로 고침"이라는 하나의 새로운 기능으로 묶었습니다. 빠른 새로 고침은 다음 원칙으로 구성됩니다.
- 빠른 새로 고침 함수 구성 요소 및 Hooks를 포함하여 현재 React를 완벽하게 지원합니다.
- 빠른 새로 고침은 오타 및 다양한 실수를 복구하고 필요할 경우 전체 다시 로드로 돌아갑니다.
- 빠른 새로 고침은 침입적인 코드 변경을 수행하지 않으므로 기본적으로 켜져 있을 만큼 충분히 신뢰할 수 있습니다.
빠른 새로 고침
네이티브에 반응하다 꽤 오랫동안 라이브 리로딩과 핫 리로딩이 있었습니다. 실시간 재로드는 코드 변경이 감지되면 전체 애플리케이션을 다시 로드합니다. 이렇게 하면 애플리케이션 내에서 현재 위치가 손실되지만 코드가 손상된 상태가 아니라는 것을 보장할 수 있습니다. 핫 리로딩은 진행 과정을 단순히 "수정"하려고 노력합니다. 이는 전체 애플리케이션을 다시 로드하지 않고도 수행할 수 있으므로 진행 상황을 훨씬 더 빠르게 확인할 수 있습니다.
핫 리로딩은 훌륭해 보이지만 버그가 꽤 많았고 후크가 있는 기능적 구성 요소와 같은 현재 React 기능에서는 작동하지 않았습니다.
React Native 그룹은 이 두 기능을 모두 다시 만들어 새로운 Fast Reload 기능으로 결합했습니다. 기본적으로 활성화되어 있으며 가능한 경우 핫 리로드와 비교할 수 있는 작업을 수행하고 확실히 그렇지 않은 경우 전체 다시 로드로 돌아갑니다.
React Native 0.61로 업그레이드
마찬가지로 모든 React Native 업그레이드에서는 최근 만들어진 프로젝트의 차이점을 살펴보고 이러한 변경 사항을 자신의 프로젝트에 적용하는 것이 좋습니다.
종속성 버전 업데이트
초기 단계는 package.json의 조건을 업그레이드하고 도입하는 것입니다. 각 React Native 버전은 특정 React 버전에 연결되어 있으므로 해당 버전도 업데이트해야 합니다. 마찬가지로 반응 테스트 렌더러가 React 버전과 일치하는지 확인해야 합니다. 이를 사용하고 Metro-react-native-babel-preset 및 Babel 버전을 업그레이드하는 경우.
흐름 업그레이드
간단한 이니셜을 입력하세요. React Native에서 사용하는 Flow 버전이 0.61에서 새로워졌습니다. 이는 흐름 컨테이너 종속성이 ^0.105.0으로 설정되어 있고 .flowconfig 파일의 [버전]에 유사한 값이 있는지 확인해야 함을 의미합니다.
프로젝트에서 유형 확인을 위해 Flow를 사용하는 경우 코드에 추가 실수가 발생할 수 있습니다. 가장 좋은 제안은 0.98과 0.105 범위의 버전에 대한 변경 로그를 조사하여 원인이 무엇인지 파악하는 것입니다.
코드 유형 확인을 위해 Typescript를 사용하는 경우 실제로 .flowconfig 파일과 흐름 저장소 종속성을 제거하고 이 차이점을 무시할 수 있습니다.
유형 검사기를 사용하지 않는 경우 유형 검사기를 사용해 보는 것이 좋습니다. 어느 쪽을 선택해도 괜찮지만 Typescript를 사용하는 것이 좋습니다.