Expo Router 소개

Expo Router는 Expo로 구축된 범용 React Native 애플리케이션을 위한 오픈소스 라우팅 라이브러리다.

Expo Router는 React Native와 웹 애플리케이션을 위한 파일 기반 라우터다. 이를 통해 앱의 화면 간 탐색을 관리할 수 있으며, 사용자가 Android, iOS, 웹 등 다양한 플랫폼에서 동일한 컴포넌트를 사용하여 앱 UI의 다른 부분 사이를 원활하게 이동할 수 있다.

Expo Router의 가장 큰 장점은 Android, iOS, 웹 등 다양한 플랫폼에서 동일한 컴포넌트와 라우팅 구조를 사용할 수 있다는 점이다. 이를 통해 개발자는 한 번의 코드 작성으로 모든 플랫폼에서 동작하는 유니버설 앱을 만들 수 있다.

app 디렉토리에 파일을 추가하면 해당 파일은 자동으로 내비게이션의 라우트가 된다.

주요 기능

• 네이티브: Expo Router는 React Navigation 라이브러리를 기반으로 구축되어 있어 네이티브 수준의 성능과 플랫폼 최적화를 제공한다. 이는 사용자에게 매끄러운 내비게이션 경험을 선사한다.
• 공유 가능: 앱의 모든 화면은 자동으로 딥 링크가 가능하다. 링크를 통해 앱의 모든 라우트를 공유할 수 있다. 이를 통해 사용자는 링크를 통해 앱의 특정 화면으로 바로 이동할 수 있으며, 앱의 콘텐츠를 쉽게 공유할 수 있습니다.
• 오프라인 우선: 앱은 캐시되어 오프라인 우선으로 실행되며, 새 버전을 게시할 때 자동으로 업데이트된다. 네트워크 연결이나 서버 없이도 모든 들어오는 네이티브 URL을 처리한다.
• 최적화: 라우트는 프로덕션에서는 지연 평가(lazy-evaluation)로, 개발 중에는 지연 번들링(deferred bundling)으로 자동 최적화된다.
• 반복: Android, iOS, 웹에서 유니버설 Fast Refresh를 지원하며, 번들러의 아티팩트 메모이제이션(memoization)을 통해 대규모에서도 빠른 개발이 가능히다.
• 유니버설: Android, iOS, 웹이 통합된 내비게이션 구조를 공유하며, 라우트 수준에서 플랫폼별 API로 내려갈 수 있다.
• 검색 가능: Expo Router는 웹에서 빌드 시 정적 렌더링을 지원하고, 네이티브에 유니버설 링킹을 지원한다. 이는 앱 콘텐츠가 검색 엔진에 인덱싱될 수 있음을 의미한다.