title: Dynamically creating over 1k components in ExtJS
body: <p>Im recieving from server a JSON containg info about 'colaboradores', for each colaborador i'm creating a panel, like this</p>
  
  <pre><code>   var objChildren=[];
     responseObj.map((colaborador)=&gt;{
      var newColab =Ext.create({
          xtype: 'panel',
          height: 425,
          margin: 10,
          width: 350,
          border: true,
          bodyBorder: false,
          bodyCls: 'panelColab',
          items: [
              {
                  xtype: 'panel',
                  items: [
                      {
                          xtype: 'image',
                          baseCls: 'image-cropper',
                          style:{
                              backgroundColor:'white',
                              backgroundImage: 'url('colaborador+imageUrl+')'
                          }
  
                      }
                     //more nested items 
                  ]
            }]
          })
        objChildren.push(newColab);
      })
      Ext.getCmp('PanelColab').removeAll();
      Ext.getCmp('PanelColab').add(objChildren);
  </code></pre>
  
  <p>The problem is when this responseObj has like, 1k+ colaboradores, the browser informs me that one page is making my browser slower, and asks me if i want to stop the page from loading (I'm using firefox).</p>
  
  <p>This approach is correct for this quantity of components?  </p>