DAY 45 <REACT NATIVE>
리액트 네이티브를 이해보기 위해 어떻게 작동하는지 알아보았다.
The New React Native
Metro
리액트 네이티브를 위한 자바스크립 번들러로 JS 파일을 읽어서 순서에 맞게 하나의 파일로 합쳐주고 앱에서 실행 준비를 해준다.
JS Thread
JS 스레드는 모든 자바스크립트 코드를 읽고 컴파일 및 응용 프로그램의 비지니스 로직의 대부분이 일어나는 곳이다.
General Interface
기본 스레드는 UI 를 업데이트 하거나 기본 기능에 액세스해야 할 때마다 JS 스레드와 통신한다. (네이티브 UI와 네이티브 모듈로 나눌 수 있다.
JSI
JacaScript Interface 는 모든 스레드 간의 완전한 상호 운용성을 허용한다. 공동 소유권의 개념을 사용하면 JavaScript 코드가 JS 스레드에서 직접 네이티브 측과 통신할 수 있고 전달 메세지를 JSON으로 직렬화 할 필요가 없어 브리지의 모든 혼잡 및 비동기 문제를 제거할 수 있다.
Shadow Thread
그림자 스레드는 레이아웃이 계산되는 곳이다. Facebook의 자체 레이아웃인 Yoga를 사용하여 flexbox 레이아웃을 계산하고 UI 스레드로 다시 보내준다.
참조
