📚 Reference

• 공식 문서 1

📜 Chapter

‣

‣

Fabric

• Fabric
• Fabric 렌더링은 React Native의 새로운 렌더링 시스템이다.
• 기존 아키텍처의 한계를 극복하고 더욱 효율적이고 성능이 뛰어난 UI 렌더링을 제공하기 위해 설계되었다.
• JSI 기반의 새로운 렌더링 시스템 (UI 작업을 동기적으로 처리)

Fabric 렌더링의 핵심 목표

• 성능 향상: 특히 복잡한 UI나 빠른 업데이트가 필요한 시나리오에서 앱의 반응성과 프레임률을 개선한다.
• 네이티브 통합 강화: JavaScript와 네이티브 코드 간의 더 긴밀하고 효율적인 통신을 가능하게 한다.
• 개발자 경험 개선: 새로운 기능 구현 및 디버깅을 더 쉽게 만든다.

Fabric - 주요 특징 및 작동 방식

JSI 기반 통신

• Fabric의 가장 핵심적인 변화는 브릿지 (Bridge)를 제거하고 JSI를 통해 JavaScript와 네이티브 코드 간의 직접 통신을 가능하게 했다는 점이다.
  • 브릿지 제거: 기존 브릿지는 JSON 메시지를 직렬화/역직렬화하는 과정에서 성능 오버헤드가 발생했다. Fabric은 이 오버헤드를 제거한다.