React Native에서 타입 안전한 파일 기반 라우팅 구현

이 게시물은 토스가 자체 개발한 React Native 프레임워크 Bedrock에서 타입 안전한 파일 기반 라우팅을 구현한 방법을 소개합니다.

기존 문제와 개선 방향

• 기존 파일 기반 라우팅은 파라미터 타입 정의가 어려웠음
• Bedrock은 tanstack router에서 영감을 받아 co-location 원칙과 validateParams로 타입 안정성을 확보

기능 구현과 자동화

• useParams 훅과 BedrockRoute를 통해 타입 추론 자동화
• 타입 선언 병합으로 화면 타입 중앙 관리
• React Native 번들러 플러그인으로 /pages 폴더 변경을 감지해 자동 타입 생성

타입 안전한 네비게이션

• useNavigation 훅을 통해 컴파일 타임에서 파라미터 타입 검증 가능
• 개발 생산성 및 안정성 향상

Bedrock은 장기적으로 오픈소스로 공개되어 전 세계 React Native 개발자들에게 모범 사례를 제공하는 것을 목표로 합니다.