Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/t18n/ionic-react-community-cross-platform-apps

Hybrid Ionic React project with Ionic to build web and mobile apps.
https://github.com/t18n/ionic-react-community-cross-platform-apps

capacitor eslint i18n ionic-react react typescript

Last synced: 5 days ago
JSON representation

Hybrid Ionic React project with Ionic to build web and mobile apps.

Awesome Lists containing this project

README

        

# 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..js` file in the same format as `env.sample.js` accordingly

## Getting started

- 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

## Development Notes

- To show instructions for all scripts available, run `yarn scripts` or `yarn script `
- 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.

## Bugs

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