Widget Development

Stage One

stage-1 branch
Intended only for building ideas and design this stage offers only one option you can run your widget 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.
 
💡
There four custom size containers for you to choose to work on
Preview of custom size container are available in Storybook for you to choose

Stage Two

stage-2 branch
Here is where things become a bit more serious as you have the Webpack configuration added. In this stage you can test out your widget settings.
Widget settings allow you to control and interact with your widget
The best way is simply using Props
 

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.