Building blocks

To understand the building blocks better, let's look at the generated folder structure first

Folder structure

├── .env
├── .env.example
├── index.ios.js
├── package.json
├── android
├── ios
└── src
    ├── app.js
    ├── cli.js
    ├── commands
    │   └── example.js
    ├── components
    │   ├── Home
    │   │   └── index.js
    │   ├── Login
    │   │   └── index.js
    │   └── Routes.js
    ├── models
    ├── services
    │   ├── mobx
    │   │   └── index.js
    │   └── react-native
    │       └── index.js
    └── stores
        ├── domain
        │   └── User.js
        └── view
            └── App.js

Entry point

App: app.js is the entry point of your app. Your Reazy app instance is created and all the services are initialized here.

CLI: cli.js is the entry point of your local cli. You can create your own commands and register them here.


The React Native app components will reside inside src/components.


src/services contains all the custom services of your app. By default, react-native will be there as a service. You can create a service for your app inside this folder.

Know more about services here.


You can create your custom commands in src/commands and register them in src/cli.js. We are using Vorpal to create an interactive cli. An example is included with the generated project.



For state management in a Reazy app, MobX is included by default.

  • src/stores/domain contains the domain stores. The data for entities in your app(e.g User, Order, Merchant) will be part of domain stores.

  • src/stores/view contains the view stores. The data related to the View layer(like loading status, form fields' value, etc.) will be part of view stores.

Know more about stores here.


src/models will conatin models for MobX stores


.env file will be used for storing the config variables. Your app will have a plugin included by default; reazy-native-config, which helps you set and get the configuration for your app.

results matching ""

    No results matching ""