📚 Reference

📜 Chapter

Single thread

Bridge

Native Modules Thread

Main Thread

Render Thread

JavaScript Thread

• JavaScript Thread
• 자바스크립트 스레드
• JS Thread
• JavaScript 스레드는 앱의 모든 JavaScript 코드가 실행되는 단일 스레드를 의미한다.
• React Native 코드와 로직이 실행되는 곳

React Native에서 JavaScript Thread

• React Native에서 JavaScript Thread이란, React 컴포넌트 로직, 상태 관리, 네트워크 요청, 비즈니스 로직 등 React Native 앱의 핵심 기능을 담당한다.

역할

• React Native는 UI 렌더링을 위해 네이티브 UI 컴포넌트를 사용하지만, 이 네이티브 컴포넌트들을 제어하고 관리하는 것은 JavaScript 스레드의 역할이다.
• 컴포넌트 렌더링 및 업데이트: React 컴포넌트의 가상 DOM을 계산하고, 실제 네이티브 뷰 계층에 어떤 변경 사항을 적용해야 하는지 결정한다.
• 상태 관리: Redux, MobX 등과 같은 상태 관리 라이브러리의 로직이 이 스레드에서 실행된다.
• 네트워크 요청: fetch나 axios와 같은 API 호출이 이곳에서 시작된다.
• 비즈니스 로직: 앱의 핵심 기능과 관련된 모든 계산 및 처리가 이루어진다.