React Native (0.64.2 - 0.68.2) 버전업 기록

참고사항

• 버전은 0.64.2 에서 0.68.2 로 변경되었습니다.
• 변경, 추가, 삭제되는 파일들은 해당 주소에서 확인 가능합니다. (https://react-native-community.github.io/upgrade-helper/?from=0.64.2&to=0.68.2 )
• 각 버전별 변경사항에 대한 자세한 내용은 https://reactnative.dev/blog/2022/03/30/version-068

1. 공통사항

1. react-native-community/cli 는 7.0.0 버전 이상 사용할 것 (0.68부터는 7.0.0이상)

2. react-native-reanimated 라이브러리는 3.0.0-beta 버전부터 fabric을 지원하며, 최소 react-native 버전이 0.69 이상이여야 합니다. 그래서 Podfile 의 fabric_enabled 은 false로 비활성화 해야합니다.

   // Podfile
   :hermes_enabled => true,
   :fabric_enabled => false,
   

2. ios

1. Podfile.lock 파일 삭제 후, pod install
2. xcode가서 수정
3. 하지만 2번대로 하면 연결되어있는 라이브러리들은 대부분 AppDelegate.m 기준으로 제작되어있어서 새롭게 교체하게되면 오류를 동반합니다. 해결책으로는 기존의 AppDelegate.m 으로 대체해야 합니다. (참고: https://honeystorage.tistory.com/340 )

3. 0.68 버전업으로 인한 waring log 추가되는 현상

1. ViewPropTypes will be removed from React Native. Migrate to ViewPropTypes exported from 'deprecated-react-native-prop-types'. 로그는 묵음처리 합니다.
   • 참고 (서로 논쟁을 하고 있지만 결국 관련 라이브러리에서 호출되는 경우라서 묵음처리) https://github.com/facebook/react-native/issues/33557
     
2. new NativeEventEmitter 역시 묵음처리 합니다.
3. EventEmitter.removeListener 역시 묵음처리 합니다.

4. 주요 변경점

1. 한글 자모음 분리현상 해결 (0.67.2 보다 상위 버전은 해결)
2. react-native-cli v5 → v7
3. 사용중인 각 라이브러리 버전 0.68.2에 호환되는지 체크하고 아닌 라이브러리는 버전업
4. hermes 버전 업 및 기능 향상
5. ios & android 둘다 네이티브 코드 최적화로 인한 가벼워짐&기능 향상 (64버전과는 차이가 극명한 것 같습니다)
6. 0.68 부터는 기존 렌더 시스템의 개념적 진화인 React Native의 새로운 렌더링 시스템인 Fabric 도입 (자세한 내용 및 이점은 https://reactnative.dev/architecture/fabric-renderer 참고하시면 도움될 것 같습니다)
7. 하지만 새로운 시스템인 Fabric에 맞춰서 RN라이브러리들이 발빠르게 움직여주지 못하고 있어서 일단 Fabric 설정은 off 상태입니다. (on하면 다른 라이브러리때문에 빌드에러를 유발하는 상황이며, 추후 on시키도록 할 것)