Application development

Application development

Stage One

stage-1 branch
Intended only for building ideas and design, this stage offers only one option you can run your app in → Storybook
 
There is no right or wrong here, except to imagine how to best suit your desired data source inside your widget.
💡
It is highly recommended to first check the data model structure of your desired data source(s) and tailor your app features according to it, rather than making everything and then trying to force data to fit your custom needs.
 

Stage Two

stage-2 branch
Here is where things become a bit more serious as you have the Webpack configuration added.
There are three new scripts added in package.json , so you can try running them to se how your app behaves inside the Webpack environment.
"build": "cross-env NODE_ENV=production webpack --mode production --config config/webpack.config.js",
"build:dev": "cross-env NODE_ENV=development webpack --mode development --config config/webpack.dev-config.js",
"start": "yarn build:dev && cross-env NODE_ENV=development webpack serve --config ./config/webpack.dev-config.js",
package.json

Stage Three

stage-3 branch
The purpose of this stage is to inject real data in your application to see it come to life and also to finalize everything so you are ready to compress the project and get it inside AppStudio.
 
Designated places for assets and manifest.json are pre-made. Place all your screenshots and assets to be reviewed in the process of uploading your project in AppStudio. The manifest file will act like an id card of your project - containing all the necessary information about it.
 
Manifest Instructions
Manifest Instructions