네이티브 템플릿 원주민 반응
NativeGo는 빠른 시작을 위해 기본 템플릿을 반응합니다.
➡️의 종속성
npx react-native init <APPLICATION_NAME> --template react-native-template-nativego
레거시 CLI에 대한 참고 사항
레거시 CLI에 대해 약간의 혼란이있는 것 같습니다. 이 템플릿은 새로운 CLI 와만 작동합니다. 아래 명령이 작동하기 위해 레거시 React-Native-Cli (NPM Unintall -G React-Native-CLI)를 제거했는지 확인하십시오. NPX를 사용하지 않으려면 전 세계적으로 새로운 CLI를 설치할 수도 있습니다 (NPM I -G @React-Native-Community/CLI 또는 Yarn Global Add @React-Native-Community/CLI).
자세한 내용은 https://github.com/react-native-community/cli#about를 참조하십시오
️ 종속성
- @Gorhom/하단 시트
- @@ React-Native-Async-Storage/Async-Storage
- @React-Native-Community/DateTimePicker
- @React-Native-Community/Hooks
- @React-Native-Community/Masked-View
- @React-Navigation/Native
- @react-navigation/stack
- 순간
- prop-types
- 반응 신용-애니메이션 수
- 반응-신용-콘피드
- 반응 네이티브가 많은 투아
- 반응-네이티브 파일 로거
- 반응-신용-제스처 핸들러
- 반응 신용 키 보드 인식 스크롤 뷰
- 반응 네이티브 마스크 텍스트
- 반응 신용-모달-층-피커
- 반응 신용 프로그램
- 반응-신기자-시민
- 반응-신용-안전 영역-컨텍스트
- 반응-신용-스크린
- 반응-신용 벡터 -Icons
? 파일 구조 :
SRC/
모든 파일 이이 기본 구성 요소 내부에 있습니다.
API/
이 폴더에는 외부 API 통신과 관련된 논리가 포함되어 있습니다.
- endpoints.js- 필요한 모든 정적 값이 저장되는 경우.
- Helper.js- 재사용 가능한 논리를 저장합니다.
- 개별 기능 파일 - 각 기능 파일에는 특정 기능에 대한 API 통신 로직이 포함되어 있습니다.
자산/
이름에서 알 수 있듯이 응용 프로그램에 사용 된 정적 파일 (예 : 이미지)이 있습니다.
- 자산/글꼴 : 사용중인 사용자 정의 글꼴이 포함되어 있습니다
- 자산/이미지 : 사용중인 이미지가 포함되어 있습니다
- 자산/JSON : 사용중인 JSON이 포함되어 있습니다
- 자산/로티 : 사용중인 Lottie가 포함되어 있습니다
redux/
상태 관리에 React-Redux를 사용하는 경우 모든 Redux 파일을 보유합니다. Redux 파일을 쉽게 관리 할 수있는 작업, 리더러, 저장소가 있습니다.
- Redux/Action : Redux 주변에서 사용하는 모든 작업 파일이 여기로 이동합니다.
- Redux/Reducers : Redux 주변에 사용하는 모든 감속기가 여기로 이동합니다.
- Redux/Store :이 Redux 상점 폴더 안에 매장을 넣을 수 있습니다.
구성 요소/
기능에서 사용되는 공유 구성 요소는이 디렉토리에 배치됩니다. 이러한 예는 (위에 표시된 바와 같이) 레이아웃 구성 요소이며, 이는 애플리케이션 구성 요소를 감싸고 전체 레이아웃을 결정하는 데 사용됩니다.
- 구성 요소/경고 : 여기에는 경고 및 확인이 포함됩니다
- 구성 요소/배경 : 스크린에 대한 기본 클래스 및 사용자 정의 키보드 인식보기.
- 구성 요소/버튼 : 공통 버튼.
- 구성 요소/열거 : 열거를 포함합니다.
- 구성 요소/flatlistitem : 목록 항목을 포함합니다.
- 구성 요소/입력 : 여러 유형의 텍스트를 포함합니다.
- 구성 요소/모달 : 입력 드롭 다운 및 모달 컨테이너 용 드롭 다운 모달을 포함합니다.
- 구성 요소/프리 로더 : 진행률 표시기 및 로딩 표시기를 포함합니다.
스크린/
여기에 모든 화면 기반 구성 요소 (예 : SplashScreen, Homescreen)를 넣을 수 있습니다.
항해/
기본 내비게이션이 여기로 이동합니다. 스택 네비게이터를 생성하여 응용 프로그램으로 내보낼 수 있습니다.
스타일/
프로젝트에 정의 된 글로벌 스타일이있는 경우 색상, 글꼴 스타일과 같은 색상처럼 여기에 넣을 수 있습니다.
유용/
UTILS 파일을 여기에 넣을 수 있습니다.
- 유틸리티/컨텍스트/테마 : 여기에는 어둡고 밝은 테마 컨텍스트가 포함됩니다.
- 유틸리티/기능/형식 :이 폴더에는 세 가지 가장 유용한 기능 CurrencyFormat, DecimalFormat, DateFormat이 포함됩니다.
- 유틸리티/기능/로그 : 여기에는 메시지를 console.log 또는 파일에 쓰는 데 사용할 수있는 로그 함수가 포함됩니다.
- 유틸리티/기능/유효성 검사 :이 폴더에는 세 가지 가장 유용한 기능 ValidateEmail 인 ValidatePassword가 포함됩니다.
