리액트네이티브

크로스플랫폼 코리아 밋업 정리 - React Native에서 New Architecture 만들기

mrban 2024. 7. 10. 21:01

리액트 네이티브 밋업

 

Fabric interior layer은 fabirc을 지원하지 않아도  리액트 네이티브 0.73에서는 자동으로 이전 호환되지 않는 라이브러리들(레거시들)을 fabric 환경에서 돌릴 수 있다.

 

Fabric module….

 

라이브러리의 package.json에서 codegenconfig필드가 있는 지 확인해보면 라이브러리가 어떤 아키텍처를 지원하는지 확인이 가능하다.

 

일단 리액트 네이티브 업그레이드 먼저 하는게 좋을 듯 하다.

 

그리고 내가 사용하는 리액트 네이티브의 버전이 라이브러리와 호환이 되는 지 확인하는 것이 좋다.

 

——

라이브러리 만들기~~

 

callstack이 관리하는 create-react-native-library를 이용해 매우 간편하게 turbo module, fabric을 지원하는 라이브러리 만들기 쉽다.

 

jsi를 직접 사용하는 라이브러리들은 참고하지 않는게 좋다.

 

codegen은 라이브러리 개발자가 쉽게 자바스크립트 만으로 생성할 수 있게 도와주는 유틸. xcode로 변환된 로직들을 확인하면 좋다.

 

Codegen 쓰려면 제일 먼저 스펙부터 정의해야한다. props라는 인터페이스가 꼭 있어야한다.

 

안드로이드는 codegen cli 실행하려면 gradle에 코드 생성 로직 넣어야하고 

ios는 알아서 명령어가 있다.

 

codegen이 완벽하게 만들어주지는 않는다….

 

codegen은 결국 브릿지 역할을 해줄 jsi 및 타입을 자동생성해주는 것.

 

fabric 유명한 라이브러리 까면서 익혀 나가는게 최고.