본문 바로가기
프로그래밍/React-Native <JSX>

[React-Native] 아키텍처 정리

by TaeGyeong Lee 2023. 7. 28.

React-Native의 새로운 아키텍처를 공부해 보고 아주 간단하게 정리해 보았습니다.

 

정리

좌: 구 아키텍처, 우 : 신 아키텍처

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

  • JSC : javascript 엔진으로 apple 사에서 웹브라우저 사파리에 도입하였음 -> 현재 React-Native에서는 Hermes라는 자체 javascript 엔진을 기본 엔진으로 사용 중
  • codegen : 
  • JSI : javascript 엔진에 사용할 수 있는 API로 javascript <-> C++ 소통을 돕는다.
  • Fabric : 렌더링 시스템
  • TurboModules : 네이티브 기능 활용을 돕는 모듈

 

관련 글

 

[React-Native] 구 아키텍처 : 기존 Bridge 를 가진 아키텍처

새로운 아키텍처를 이해하기 위해서는 구 아키텍처를 알아야 합니다. 구 아키텍처에 포함된 개념은 무엇이고, 구 아키텍처의 문제점은 무엇이었는 지 서술합니다. Bridge 네이티브와 javascript는

hanarotg.tistory.com

 

[React-Native] 아키텍처 : JSI, 렌더링 시스템 Fabric과 TurboModules

이전 브릿지를 사용한 구 아키텍처에서 javascript 코드와 렌더링 시스템과 서로 소통하기 위해선 JSON 으로 변환하는 과정을 반드시 거쳐야 했습니다. 이는 마치 한국인이 아프리카 은데벨레족과

hanarotg.tistory.com