necolas/react-native-web

어떤 프로젝트인가요?

핵심 기능

• 01View, Text 같은 React Native 컴포넌트를 React DOM을 통해 브라우저에서 렌더링합니다.
• 02React Native API의 웹 구현을 제공합니다.
• 03하나의 코드베이스로 iOS, Android, 웹을 지원할 수 있습니다.
• 04패키지별 빌드, 개발, 테스트 명령어를 갖춘 모노레포로 관리됩니다.

활용 사례

• React Native 모바일 앱과 React 웹 앱에서 UI 컴포넌트를 공유합니다.
• 기존 React Native 프로젝트에 웹 버전을 추가합니다.
• 네이티브와 웹에서 모두 실행되는 크로스 플랫폼 디자인 시스템을 구축합니다.

빠른 시작

1. 1

   모든 패키지에서 dev 스크립트 실행

   npm run dev
2. 2

   모든 패키지에서 build 스크립트 실행

   npm run build
3. 3

   모든 패키지의 테스트 실행

   npm run test

사용 전 알아둘 점

• !README에는 모노레포 개발 작업만 설명되어 있으며, 최종 사용자를 위한 설치 또는 사용 안내는 없습니다.

토픽

자주 묻는 질문

react-native-web은(는) 무엇인가요?

React Native 컴포넌트와 API를 React DOM을 통해 웹 브라우저에서 렌더링할 수 있게 해주는 라이브러리입니다. React Native for Web은 React Native 컴포넌트와 API를 브라우저에서 사용할 수 있게 해, 동일한 UI 코드로 iOS, Android, 웹을 지원할 수 있도록 합니다. View, Text 같은 React Native 프리미티브를 React DOM 요소에 매핑하고, React Native API의 웹 구현을 제공합니다.

react-native-web은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

react-native-web은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

react-native-web은(는) 아직 유지보수되고 있나요?

활발히 유지보수 중. react-native-web의 마지막 커밋은 2026년 10월 20일입니다.

react-native-web은(는) 어디에 사용할 수 있나요?

React Native 모바일 앱과 React 웹 앱에서 UI 컴포넌트를 공유합니다. 기존 React Native 프로젝트에 웹 버전을 추가합니다. 네이티브와 웹에서 모두 실행되는 크로스 플랫폼 디자인 시스템을 구축합니다.

react-native-web는 어떻게 설치하나요?

모든 패키지에서 dev 스크립트 실행: npm run dev 모든 패키지에서 build 스크립트 실행: npm run build 모든 패키지의 테스트 실행: npm run test

react-native-web은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/necolas/react-native-web