Guide applies to: modern

Review Development Build

The resulting folders and files of performing the initial build of ModernTunes (modern-tunes) created by ExtGen should look like the following:

We are starting with a minimal app to focus on the relevant pieces that this tutorial addresses.

1. index.html

The app is an SPA by default, a Single Page Application, which means our code will continually overwrite the landing page, index.html by Ext JS in order to render a new view.

2. app/desktop/src

The code we write will be in the app/desktop/src directory, where the build recognizes the root of where Ext JS classes exist as its namespace.

3. generatedFiles/bootstrap.js

The lone script tag in index.html points to generatedFiles/bootstrap.js, the code that determines what other JS files have to be part of the build, determined by the classes we will create.

4. app.js

The “landing page” of the app in app.js.

Ext.application({
  extend: 'ModernTunes.Application',
  name: 'ModernTunes'
})

5. app.json

Global settings made for the app, like which theme or toolkit the app uses, are detailed in the app.json configuration file.

6. node_modules

The Ext JS library and all supporting packages are kept in the node_modules folder created when performing the build. You will not interact with these files and folders.