React Native Boiler Plate
1.0.0
このプロジェクトは、モバイルアプリケーションのキックスタートに使用できるReactネイティブボイラープレートです。
ボイラープレートは、UIとビジネスロジックの間の懸念を分離することにより、固体クロスプラットフォームのモバイルアプリケーションを構築するために最適化されたアーキテクチャを提供します。驚くほど報告されているため、アプリケーションに着地する各コードを理解し、利用できるようにします。
If you love this boilerplate, give us a star, you will be a ray of sunshine in our lives :)このプロジェクトは、クラッシュ分析用のMicrosoft App Centerで構成されています。また、アプリケーションをQAチームに配布するのに役立ちます。 Futhermore、CI/CDは簡単に実装できます。
androidappsrcmainassetsappcenter-config.jsonファイルからsecretをアプリすることができます。
"@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で使用される、定義、ラベル、宇宙、およびその他の情報を定義するすべてのファイルがあります。
Assetsフォルダーは、画像、オーディオファイルなどのすべてのリソースを提供します。
構成フォルダーは、すべてのアプリケーション構成設定になります。
コンポーネントフォルダーには、カスタムテキストフィールド、ボタン、ヘッダーなどのすべてのカスタムコンポーネントがあります。
Stlyesフォルダーには、プロジェクトレベルの設計を提供するすべてのCSSファイルがあります。このフォルダーには、テーマの色を分離するカラーフォルダーも含まれています。
誰もが、迅速なテスト用のアプリの配布方法を最適化したいと考えています。時々、QA、開発、スタジング、および生産用の個別のサーバーとバックエンドデータベースがあります。このプロジェクトには、4つのビルドバリアント、つまりデバッグ、QAリリース、ステージングリリース、リリースがあります。次のファイルからバリアント構成を変更できます。 .env.dev for debug .env.qa for qa .env.production .env.stagging
QAリリース、ステージングリリース、リリースにはJSバンドルがあるため、ノードJSサーバーなしで実行されますが、デバッグは開発チーム向けであるため、ノード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を作成してリリースapkを作成します
react-native run-android --variant=qarelease react-native run-android --variant=staggingrelease react-native run-android --variant=release
デフォルトでは、デバッグバリアントがデバイスで実行されます。
貢献、問題、機能のリクエストは大歓迎です。貢献したい場合は、問題のページを自由に確認してください。
私の名前はパキスタンのアビッドジャミルです。私はNextbridge Ltdパキスタンのシニアソフトウェアエンジニアです。ネイティブAndroidの専門知識があります反応 - ネイティブ| iOS | Android | Java |コトリン| JavaScript | MVVM | MVP | rxjava |短剣|マテリアルデザイン|ライブデータ|データバインディング。 Futhermore、私はオープンソースの貢献とコンピューターサイエンスの研究者です。 Google Scholar Profileで利用可能な17の研究論文を公開しました。私は世界中のさまざまな国内および国際的な大学で多くの協議を行いました。
