React native 구동 방식 ( 신 )

이전 글 (https://sangwonny.tistory.com/44)

React native 구동 방식 ( 구 )

에 이어 리액트 네이티브 새로운 아키텍처 도입에 대해 살펴보겠다.

새로운 아키텍처의 도입에 있어 가장 중요한 것은 native 영역과 javaScript 영역의 직적접인 소통할 수 있게하는 것이다. 브릿지를 통해 간접적, 비동기적 방식으로 인한 문제를 해결할 수 있게 된 것이다.

출처 : https://medium.com/@Kelset/the-react-native-re-architecture-ab7219850d4f

 

JSI

1. 엔진 교체 가능
react native는 javascriptCore ( Webkit이 사용하는 프레임워크 ) 택하여 사용하고 있다.
하지만 새로운 JSI를 도입하므로써 다른 엔진으로 변경이 가능해졌다. 예를 들면, 크롬의 V8, 마이크로소프트의 ChakraCore와 같은 자바스크립트 엔진으로 변경을 할 수 있게 되었다.

2. Javascript와 native영역의 직접적인 교류
JSI를 이용해서 자바스크립트가 C++ 호스트 객체들을 참조하거나 그들을 대상으로 함수를 실행할 수 있게 됐다.

C++ 의 접촉,, 이것이 왜 javascript가 native 영역을 직접적으로 소통을 가능케 하냐에 의무을 들을 수 있다.
이것의 대답은 다음과 같다.

C++은 IOS와 안드로이드 두 플랫폼 모두 사용가능한 언어 중 하나이기 때문이다.
안드로이드 - C\C++ 로 짜여져 있따. (자바와 코틀린은 자바 네이티브 인터페이스에 의해 C\C++로 “해석”되어진다.)
iOS - 비슷하게 C\C++가 default로 서포트되고 있습니다. (Objective-C는 사실 C의 strict한 superset에 지나지 않기 때문).
( 위는 아래의 링크에서 가져옴 )

위와 같이 JSI의 도입은 브릿지를 없애고 네이티브 영역과 script 영역을 직접적으로 상호 소통할 수 있는 기회를 제공하게 되어 성능 개선에 큰 역할을 하게 되었다.

Fabric && Turbo Modules

진행중..

https://medium.com/react-native-seoul/%EC%83%88-%EB%A6%AC%EC%95%A1%ED%8A%B8-%EB%84%A4%EC%9D%B4%ED%8B%B0%EB%B8%8C-%EC%95%84%ED%82%A4%ED%85%8D%EC%B2%98-%EC%84%A4%EB%AA%85-%EB%91%90%EB%B2%88%EC%A7%B8-%ED%8C%8C%ED%8A%B8-eca6e439e49c

새 리액트 네이티브 아키텍처 설명: 두번째 파트

https://ichi.pro/ko/2020-nyeon-react-native-ui-jae-akitegcheo-171215219685676

2020 년 React Native의 재 아키텍처