Thursday, 21 September 2017

Extjs Package Loading on the Fly

Dynamic Package Loading

Ext JS 6.5 and Sencha Cmd 6.5 introduced some amazing new capabilities

Sencha Cmd 6.5 has supported the concept of packages for several years and large-scale applications. Sencha Cmd then builds all of these pieces into your application. Now we can use these packages from Sencha Cmd 6.5 onwards in a whole new way dynamically.

Upto now we are adding the packages names in "requires" array in your app.json.

requires:[
'dashboard'
]

For dynamic package loading, simply move packages from requires to "uses" array and add a
"package-loader" in requires.

requires:[
'package-loader'
],
uses:[
'dashboard'
]
After adding these package changes, for build the application we need to do the following commands.

For Dev:

Sencha app build --dev --uses

For Prod:

Sencha app build --prod --uses

For Particular package:

Sencha app build --dev --uses=dashboard

--uses for to fully build the application and all of its external packages.

Using dynamic package loading can be a real time time saver for users, No longer to wait entire application to load, to load what ever they needed. It also time saving for the developers no need to build the entire application.

In main controller we need to add the ext loader class.

requires: [

        'Ext.Package'

],

package loading will be.

routes: {
        ':type': {
            before: 'loadPackage',
            action: 'showView'
        }
    },
 
    loadPackage: function (type, action) {
        var view = this.getView(),
            pkg = this.getPackageForType(type);
 
        if (!pkg || Ext.Package.isLoaded(pkg)) {
            action.resume();
        }
        else {
            view.setMasked({
                message: 'Loading Package...'
            });
 
            Ext.Package.load(pkg).then(function () {
                view.setMasked(null);
 
                action.resume();
            });
        }
    },

Source: Sencha

Thursday, 7 September 2017

Sencha Acquired by IDERA, Inc.

From Sencha:

Exciting News: Sencha Acquired by IDERA, Inc.

August 25, 2017 | Art Landro

I’m very pleased to announce that Sencha has been acquired by IDERA, Inc. Sencha will become part of IDERA’s Developer Tools business, combining Embarcadero’s award-winning RAD Studio portfolio with Sencha’s Ext JS framework, Sencha Test and ExtReact. This product portfolio will provide powerful solutions for developers to reduce the cost and complexity of developing and delivering enterprise applications across multiple device types.

About IDERA

For those of you who aren’t familiar with IDERA, they deliver B2B software productivity tools that enable technical users to do more with less — from database administrators, to database and application developers, to test management teams. IDERA, Inc. brands span three business units evangelized by millions of community members and more than 50,0000 customers worldwide, including more than 90% of the Fortune 500.

Continuing to Serve You

The IDERA and Sencha teams will be working together to ensure a seamless transition. Your contacts at Sencha will continue to work with you, and all of our customers and partners can continue to do business as usual. Our top priority is you and your continued success.

To learn more, read the press release. If you have questions, please contact us.