Create React Native Library
개요
이 스킬을 사용하여 독립형 React Native 라이브러리 또는 기존 앱 내부의 로컬 라이브러리를 스캐폴딩한 후, 올바른 구현 문서를 따라 계속 진행합니다.
예시:
- 다른 React Native 라이브러리를 사용할 수 있는 JS 전용 라이브러리
- 네이티브 기능을 JavaScript에 노출하는 네이티브 모듈
- React Native에서 네이티브 뷰를 렌더링하는 네이티브 UI 컴포넌트
먼저 하나의 흐름을 선택하세요:
- npm에 게시할 수 있는 새 라이브러리를 만들 때는 scaffold-library.md 사용
- React Native 앱에서 네이티브 기능을 노출할 때는 local-library.md 사용
적용 시기
다음과 같은 경우에 이 스킬을 사용하세요:
create-react-native-library로 React Native 라이브러리를 만들거나 작업할 때- 기존 앱에서 네이티브 모듈 또는 뷰를 만들 때
- 네이티브 SDK를 래핑하여 React Native에 노출할 때
빠른 참조
# 스캐폴딩 전 현재 옵션 확인
npx create-react-native-library@latest --help
# 터보 모듈과 Expo 예제 앱으로 라이브러리 스캐폴딩
npx create-react-native-library@latest awesome-library \
--no-interactive \
--yes \
--description "라이브러리에 대한 간략한 설명" \
--type turbo-module \
--languages kotlin-objc \
--example expo
# 기존 앱 내부에 로컬 터보 모듈 스캐폴딩
cd MyApp
npx create-react-native-library@latest awesome-library \
--local \
--no-interactive \
--yes \
--description "라이브러리에 대한 간략한 설명" \
--type turbo-module \
--languages kotlin-objc
참조
| 파일 | 설명 |
|---|---|
| scaffold-library.md | 새 라이브러리를 스캐폴딩하고 기본값으로 Expo 예제 사용 |
| local-library.md | 자동 링킹을 사용하여 기존 앱에 로컬 라이브러리 추가 |
문제 -> 스킬 매핑
| 문제 | 시작 위치 |
|---|---|
| 새 라이브러리 스캐폴드가 필요함 | scaffold-library |
| 앱에 로컬 네이티브 라이브러리를 추가해야 함 | local-library |