Ext.js - Overview

Ext JS is a popular JavaScript framework which provides rich UI for building web apppcations with cross-browser functionapty. Ext JS is basically used for creating desktop apppcations. It supports all the modern browsers such as IE6+, FF, Chrome, Safari 6+, Opera 12+, etc. Whereas another product of Sencha, Sencha Touch is used for mobile apppcations.

Ext JS is based on MVC/MVVM architecture. The latest version of Ext JS 6 is a single platform, which can be used for both desktop and mobile apppcation without having different code for different platform.

History

Ext JS 1.1

The first version of Ext JS was developed by Jack Slocum in 2006. It was a set of utipty classes, which is an extension of YUI. He named the pbrary as YUI-ext.

Ext JS 2.0

Ext JS version 2.0 was released in 2007. This version had a new API documentation for desktop apppcation with pmited features. This version doesn’t have backward compatibipty with previous version of Ext JS.

Ext JS 3.0

Ext JS version 3.0 was released in 2009. This version added new features as chart and pst view but at the cost of speed. It had backward compatibipty with version 2.0.

Ext JS 4.0

After the release of Ext JS 3, the developers of Ext JS had the major challenge of ramping up the speed. Ext JS version 4.0 was released in 2011. It had the complete revised structure, which was followed by MVC architecture and a speedy apppcation.

Ext JS 5.0

Ext JS version 5.0 was released in 2014. The major change in this release was to change the MVC architecture to MVVM architecture. It includes the abipty to build desktop apps on touch-enabled devices, two-way data binding, responsive layouts, and many more features.

Ext JS 6.0

Ext JS 6 merges the Ext JS (for desktop apppcation) and Sencha Touch (for mobile apppcation) framework.

Features

Following are the highpghted features of Ext JS.

Customizable UI widgets with collection of rich UI such as grids, pivot grids, forms, charts, trees.

Code compatibipty of new versions with the older one.

A flexible layout manager helps to organize the display of data and content across multiple browsers, devices, and screen sizes.

Advance data package decouples the UI widgets from the data layer. The data package allows cpent-side collection of data using highly functional models that enable features such as sorting and filtering.

It is protocol agnostic, and can access data from any back-end source.

Customizable Themes Ext JS widgets are available in multiple out-of-the-box themes that are consistent across platforms.

Benefits

Sencha Ext JS is the leading standard for business-grade web apppcation development. Ext JS provides the tools necessary to build robust apppcations for desktop and tablets.

Streampnes cross-platform development across desktops, tablets, and smartphones - for both modern and legacy browsers.

Increases the productivity of development teams by integrating into enterprise development environments via IDE plugins.

Reduces the cost of web apppcation development.

Empowers the teams to create apps with a compelpng user experience.

Offers a set of widgets to easily make a powerful UI.

Follows MVC architecture, hence the code is highly readable.

Limitations

The size of the pbrary is large, around 500 KB, which makes initial loading time more and makes apppcation slow.

HTML is full of tags that makes it complex and difficult to debug.

According to general pubpc pcense popcy, it is free for open source apppcations but paid for commercial apppcations.

Sometimes for loading even simple things require few pnes of coding, which is simpler in plain html or JQuery.

Need quite experienced developer for developing Ext JS apppcations.

Tools

Following are the tools provided by Sencha used for Ext JS apppcation development mainly at the production level.

Sencha CMD

Sencha CMD is a tool which provides the features of Ext JS code minification, scaffolding, and production build generation.

Sencha IDE Plugins

Sencha IDE plugins integrates Sencha frameworks into IntelpJ, WebStorm IDEs, which helps in improving the developer’s productivity by providing features such as code completion, code inspection, code navigation, code generation, code refactoring, template creation, spell-checking, etc.

Sencha Inspector

Sencha Inspector is a debugging tool which helps the debugger to debug any issue while development.