React Native Boiler Plate
1.0.0
이 프로젝트는 모바일 애플리케이션을 시작하는 데 사용할 수있는 React Native Boilerplate입니다.
보일러 플레이트는 UI와 비즈니스 논리 간의 문제를 분리하여 솔리드 크로스 플랫폼 모바일 애플리케이션을 구축하기 위해 최적화 된 아키텍처를 제공합니다. 응용 프로그램에 착륙하는 각 코드 조각을 이해하고 활용할 수 있도록 놀랍도록보고됩니다.
If you love this boilerplate, give us a star, you will be a ray of sunshine in our lives :)이 프로젝트는 Microsoft App Center for Crash Analytics로 구성됩니다. 또한 QA 팀에 응용 프로그램을 배포하는 데 도움이됩니다. 미주형, CI/CD는 쉽게 구현 될 수 있습니다.
androidappsrcmainassetsappcenter-config.json 파일에서 비밀을 비밀로 할 수 있습니다.
"@react-native-community/async-storage": "^1.9.0",
"@react-native-community/masked-view": "^0.1.9",
"@react-navigation/native": "^5.1.5",
"@react-navigation/stack": "^5.2.10",
"axios": "^0.19.2",
"react": "16.11.0",
"react-native": "0.62.2",
"react-native-config": "^1.0.0",
"react-native-elements": "^1.2.7",
"react-native-floating-action-button": "^0.2.2",
"react-native-gesture-handler": "^1.6.1",
"react-native-paper": "^3.8.0",
"react-native-reanimated": "^1.8.0",
"react-native-safe-area-context": "^0.7.3",
"react-native-screens": "^2.4.0",
"react-native-vector-icons": "^6.6.0"
이 프로젝트는 융통성과 주요 부패성을 높이기 위해 우려 사항을 분리합니다. 우려 사항은 다음과 같이 주어진 부분으로 나뉩니다.
프리젠 테이션 레이어에는 모든 구성 요소와 파일이 표시되어 사용자가 볼 수 있으며 사용자가 시스템과 상호 작용할 수있는 모든 구성 요소가 있습니다.
액션 레이어에는 특정 작업을 수행하는 데 사용되는 모든 구성 요소와 파일이 있습니다. 예를 들어 로그인 방법, 가입 방법, 필드 유효성 검사기 등
액션 레이어에는 API 호출을 수행하는 데 사용되는 모든 구성 요소와 파일이 있습니다. 이 레이어는 Axios 라이브러리에서 관리합니다.
재사용 성을 높이고 굽힘 성을 높이려면 코드의 분할이 매우 필요합니다. 이 프로젝트는 이러한 방식으로 모든 변경 사항을 환영하도록 설계되었습니다. 일부 부서 중 일부는 다음과 같습니다.
UTILIS 폴더에는 프로젝트에서 Utilis에서 사용될 모든 파일, 레이블, 코스 스텐트 및 기타 정보가 있습니다.
자산 폴더는 이미지, 오디오 파일 등과 같은 모든 리소스가됩니다.
구성 폴더는 모든 응용 프로그램 구성 설정이됩니다.
구성 요소 폴더에는 사용자 정의 텍스트 필드, 버튼, 헤더 등과 같은 모든 사용자 정의 구성 요소가 있습니다.
Stlyes 폴더에는 프로젝트 수준 설계를 제공하기 위해 모든 CSS 파일이 있습니다. 이 폴더에는 컬러 폴더가 포함되어있어 테마 색상을 깔끔하게 정의합니다.
모든 사람은 빠른 테스트를 위해 앱 배포 방식을 최적화하려고합니다. 때때로 우리는 QA, DEV, Stagging 및 Production 용 별도의 서버 및 백엔드 데이터베이스가 있습니다. 이 프로젝트에는 4 개의 빌드 변형, 즉 디버그, QA 릴리스, 스테이지 릴리스, 릴리스가 있습니다. 다음 파일에서 변형 구성을 변경할 수 있습니다. .env.dev for debug .env.qa for qa 릴리스 .env.stagging 스테이지 릴리스 .env.production for Release
QA 릴리스, 스테이지 릴리스, 릴리스에는 JS 번들이 있으므로 Node JS 서버없이 실행되며 Debug는 Node JS (Metro Server Running)가 필요합니다.
android/app/build.gradle 에서 각 변형에 대한 파일을 변경할 수 있습니다
project.ext.envConfigFiles = [
debug: ".env.dev",
release: ".env.production",
qarelease: ".env.qa",
staggingrelease : ".env.stagging",
anothercustombuild: ".env.qa",
]
보일러 플레이트를 사용하여 새 프로젝트를 만들려면 :
모든 요구 사항이 설치되어 있다고 가정하면 다음을 실행하여 프로젝트를 설정하고 실행할 수 있습니다.
cd android ./gradlew clean assembleQarelease 는 QA 릴리스 APK ./gradlew clean assembleStaggingrelease 만들기위한 릴리스를 생성하여 릴리스 apk ./gradlew clean assembleRelease 생성합니다.
react-native run-android --variant=qarelease react-native run-android --variant=staggingrelease react-native run-android --variant=release
기본적으로 디버그 변형은 장치에서 실행됩니다.
기부금, 문제 및 기능 요청을 환영합니다. 기여하려면 문제 페이지를 확인하십시오.
제 이름은 파키스탄의 Abid Jamil입니다. 저는 Nextbridge Ltd 파키스탄의 선임 소프트웨어 엔지니어입니다. 나는 Native Android |에 대한 전문 지식을 가지고 있습니다 React- 네이티브 | iOS | 안드로이드 | Java | Kotlin | JavaScript | MVVM | MVP | rxjava | 단검 | 재료 설계 | 라이브 데이터 | 데이터 바인딩. Futhermore, 나는 오픈 소스 기여 및 컴퓨터 과학 연구원입니다. Google Scholar 프로필에서 유발할 수있는 17 개의 연구 논문을 게시했습니다. 전 세계 다른 국내외 대학에서 많은 대화를 나누었습니다.
