Getting Started

Mobile is an opinionated CLI for generating React Native Expo projects. We do so by adopting a development style guide which enforces strong typing with TypeScript, standardized Component, Layout and Screen models, and a data-layer design promoting unified consumption through React Contexts and Services. Follow the installation guide below to set up the Stripe CLI.

System Requirements

1. You will need React Native Expo CLI and it dependencies in order to run the project.
2. Git
3. For macOS or Linux users: Watchman
4. MacOs to run on iOS simular.

Recommended tools

1. Visual Studio Code Editor VS Code.

Installation

Installing the mobile plugin can be done with the following command:

frontier plugins:install @rdfrontier/plugin-mobile

Validate installation

To check if the everything went will you can check the current version of mobile:

frontier mobile -v | --version

Usage

Now we can start using the CLI if the installation was successful.

Step 1: Create a project

frontier mobile create-project <project-name>

Replace with the actual name of your project. Preferrably written in snake case (eg. my-awesome-project).

Example

frontier mobile create-project my-awesome-project

Step 2: Run project

cd my-awesome-project

If you have a Mac.

npm run ios 

If you have a Mac or Windows.

npm run android

Next Steps

From here you can perform multiple other actions but a good next step is to learn to add features. See examples below:

Generating a Screen

frontier mobile:add:screen <screen-name>

Each generated Screen gets its own dedicated folder. The folder will be given the name of the page. This folder is located at /src/screens/<screen-name>.

Generating a Component

frontier mobile:add:component <component-name>