Ionic React Cross Platform App

Prerequisite

Required softwares: node >= 12.x, yarn >= 1.20
XCode set up with iOS emulator
Android simulator
Create .env/env.<environment-name>.js file in the same format as env.sample.js accordingly

Clone the project and cd to project folder
Run yarn scripts to show all available commands. The script can then be run with nps, for e.g. yarn nps dev.web
Run yarn nps bootstrap to install dependencies and bootstrap project
Run yarn nps dev.web to start the web project with hot reload
Run yarn nps dev.ios to start iOS app (may need to start project from XCode) with hot reload
Run yarn nps dev.android to start iOS app (may need to start project from Android Studio) with hot reload

To show instructions for all scripts available, run yarn scripts or yarn script <script-name>
Add scripts with description to package.scripts.js file to keep scripts organize, instead of bloating package.json.
When styling, only change pcss file instead of css.min files, as they will be overriden.

Run npx ionic capacitor run ios to serve app on iOS physical device results in white page

Name		Name	Last commit message	Last commit date
Latest commit History 32 Commits
.env		.env
.github/workflows		.github/workflows
.gradle		.gradle
.vscode		.vscode
android		android
ios		ios
locale		locale
public		public
src		src
.env-cmdrc.js		.env-cmdrc.js
.eslintignore		.eslintignore
.eslintrc.js		.eslintrc.js
.gitignore		.gitignore
.prettierrc.js		.prettierrc.js
.stylelintignore		.stylelintignore
.stylelintrc.json		.stylelintrc.json
README.md		README.md
capacitor.config.json		capacitor.config.json
ionic.config.json		ionic.config.json
lingui.config.js		lingui.config.js
lint-staged.config.js		lint-staged.config.js
package-scripts.js		package-scripts.js
package.json		package.json
postcss.config.js		postcss.config.js
tsconfig.json		tsconfig.json
yarn.lock		yarn.lock