The questionnaire component that we'll build in this chapter will be reusable in any application. To that end, we can use an Ext JS package to create a bundle of code that can be built in the same way as a normal Ext JS application, but it can be incorporated as a component in our future applications. We discussed packages in Chapter 3, Application Structure, but now we'll see how they can be used in practice.

Here's how I started up the project that I used as a basis for this component and its test application:

sencha generate workspace ./questionnaire-space
cd questionnaire-space
sencha generate package wizard
sencha -sdk ~/Downloads/ext-5.0.1 generate app Questions ./questions

Building a package requires us to first create a workspace, so after doing so using the latest version of the SDK that I downloaded, I moved on to the workspace directory and issued the command to create the package itself, which I called wizard. Then, I created a test application that would host the package...