Show GN: Rollipop: 현대적인 React Native 빌드 도구

React Native에서 Metro를 대체할 수 있는 빌드 도구, Rollipop을 소개합니다.

문서 보러가기: https://rollipop.dev
GitHub: https://github.com/rollipop-dev/rollipop

Rollipop이란?

Rust 기반 번들러인 Rolldown을 바탕으로, React Native에서도 Rollup & Rolldown의 플러그인 생태계와 현대적인 빌드 도구의 기능을 활용할 수 있도록 개발되어있습니다.

Rollipop은 React Native를 위한 번들러이자 개발 툴킷입니다. 번들 생성뿐 아니라 HMR, Fast Refresh, React Native DevTools 연동 등 개발에 필요한 기능을 함께 제공합니다.

Metro 내부에서 사용하던 Haste 모듈 시스템 대신 대신 표준 Node 패키지 해석 방식을 사용하며, Yarn PnP를 기본 지원합니다. 모노레포와 다양한 패키지 관리 환경에서의 호환성을 고려하고, 웹 생태계에서 익숙한 도구와 플러그인을 React Native 개발에도 활용하는 것을 목표로 합니다.

주요 기능

• Rolldown 기반: 트리 셰이킹, Lazy barrel 등 번들 최적화 기능 그대로 지원
• 개발 서버: HMR, Fast Refresh, SourceMap, Symbolication 지원
• 플러그인 확장: Rollup/Rolldown 호환 플러그인 API를 통해 확장 가능
• 개발 대시보드: 브라우저에서 빌드 상태, 로그, 생성된 번들과 연결된 클라이언트 확인
• AI 도구 연동: MCP 서버를 활성화해 AI 에이전틱한 개발 워크플로우로써 활용 가능

성능

• Rollipop 내 예제 앱 기준

(빌드 속도 / 번들 용량)

• Metro: 12s / 2.25MB
• Rollipop: 0.5s / 1.45MB

자세한 설치와 설정 방법은 시작 가이드에 정리해 두었습니다.

현재 베타 단계이며 가까운 시일 내에 안정화 버전을 배포할 예정입니다.

React Native의 빌드 환경을 확장하고 싶거나, 모노레포 & Yarn PnP 환경에서 새로운 선택지를 찾고 계신 분들께 도움이 되었으면 합니다. 다양한 프로젝트에서의 사용 경험과 호환성 이슈, 개선 의견 모두 환영합니다!