We want to create our custom components within their own custom namespace for encapsulation, quick reference, and to help us organize our code. It may be that our packages or class may be named the same as other packages and classes already within Ext JS. A custom namespace prevents conflicts from occurring between classes of the same name, as long as each is defined within its own separate namespace. A common naming convention for user-defined objects is to use the Ext.ux
namespace.
Ext.namespace('Ext.ux');
Because we're going to be creating a collection of display Panels for our CRM application, we'll really set our namespace apart from the rest.
Ext.namespace('CRM.panels');
We need to place this line at the top of each class definition template.