React Native 최적화 가이드 한글 번역

Callstack의 React Native 최적화 가이드 한글 번역 프로젝트

프로젝트 소개

이 프로젝트는 Callstack에서 제공하는 The Ultimate Guide to React Native Optimization 가이드를 한글로 번역한 자료입니다.

React Native로 개발하시는 국내 개발자분들이 앱 최적화에 대한 인사이트를 얻고, 더 나은 성능의 애플리케이션을 만드는데 도움이 되고자 이 번역 프로젝트를 시작하게 되었습니다.

번역 범위

이 가이드는 크게 3개의 파트로 구성되어 있습니다:

Part 1: JavaScript

• JS, React 코드를 프로파일링하는 방법 (p.14)
• JS FPS를 측정하는 방법 (p.21)
• JS에서 메모리 누수를 잡는 방법 (p.24)
• 비제어 컴포넌트 (p.30)
• HoC(Higher-Order Specialized Components) (p.34)
• 아토믹 상태 관리 (p.42)
• React 동시성 (p.46)
• React 컴파일러 (p.52)
• 프레임 드롭없이 고성능 애니메이션 구현하기 (p.59)

Part 2: Native

• 플랫폼간 차이 이해하기 (p.67)
• React Native의 Native 부분 프로파일링하기 (p.76)
• TTI 측정하기 (p.85)
• Native의 메모리 관리 이해하기 (p.93)
• Turbo Modules, Fabric의 스레딩 모델 이해하기 (p.105)
• View Flattening 사용하기 (p.113)
• 웹을 통해서 React Native 전용 SDK들을 사용하기 (p.117)
• Native Module을 더 빠르게 만들기 (p.122)
• Native에서 메모리 누수를 잡는 방법 (p.130)

Part 3: Bundling

• JS 번들 사이즈 분석하는 방법 (p.142)
• 앱 번들사이즈 분석하는 방법 (p.148)
• 서드파티 라이브러리의 진짜 size 측정하는 방법 (p.154)
• Barrel Exports 피하기 (p.156)
• Tree Shaking 실험하기 (p.159)
• 필요할때 원격으로 코드 로드하기 (p.163)
• R8 Android로 코드 줄이기 (p.167)
• Native Assets 폴더 사용하기 (p.170)
• JS Bundle 압축 비활성화 하기 (p.175)

기여하기

이 프로젝트는 커뮤니티의 참여로 더욱 발전할 수 있습니다. 번역본에서 발견한 오타나 개선이 필요한 부분이 있다면 언제든 Issue를 생성해주세요.

라이선스

이 번역본은 원저작자의 권리를 존중하며, 비상업적 목적으로만 사용됩니다.