Structuring your code
It's always tempting to just go ahead and start coding right away, and I won't deny it's the most fun part of any project. However, as your extension projects grow and become more complicated, the technical debt of quick wins and fast fixes will take its toll. As such, it's important to begin each extension project by defining a proper code structure to ensure the project is prepared to scale.
To begin with, in each extension, you can expect to have the following basic files at a minimum. We'll be using MasteringQS as a sample extension name:
MasteringQS.qext
(required)MasteringQS.js
(required)MasteringQS.css
(optional)wbfolder.wbl
(optional)

While some files are optional, for the purposes of this chapter, we will include them.
The .qext file
The .qext
file is the definition file of each extension that defines its metadata and how it's being read by the Qlik Sense Repository as well as its Asset or Library Panel. This file ultimately determines how it's displayed on the left...