Ext.js overview


May 09, 2021 05:00 Extjs


Table of contents


What is Ext JS

Ext JS is a popular JavaScript framework that provides a rich UI for building Web applications using cross-browser capabilities. /b10>Ext JS is basically used to create desktop apps that support all modern browsers, such as IE6 plus, FF, Chrome, safari 6 plus and so on. S encha, another product of sencha touch, is used in mobile applications.

Ext JS is based on the MVC/MVVM architecture. /b10>The latest version of Ext JS 6 is a single platform for desktop and mobile applications without having to provide different code for different platforms.

History

Ext JS 1.1

The first version of Ext JS was developed by Jack Slocum in 2006. I t's a set of utility classes, it's an extension of THE. /b10> He named the library YOU-ext.

Ext JS 2.0

Ext JS 2.0 was released in 2007. T his release has a new API document for desktop applications, but with limited functionality. /b10> This version does not have backward compatibility with previous versions of Ext JS.

Ext JS 3.0

Ext JS version 3.0 was released in 2009. T his release adds new features as chart and list views, but at the expense of speed. /b10> It is backward compatible with version 2.0.

Ext JS 4.0

With the release of Ext JS 3, Ext JS developers faced the main challenge of increasing speed. /b10> Ext JS 4.0 was released in 2011. I t has a complete revision structure, followed by an MVC architecture and a fast application.

Ext JS 5.0

Ext JS version 5.0 was released in 2014. T he main change in this release is to change the MVC architecture to the MVVM architecture. /b10> It includes the ability to build desktop applications on touch-enabled devices, bidirectional data binding, responsive layout, and more.

Ext JS 6.0

Ext JS 6 incorporates ext JS (for desktop applications) and sencha touch (for mobile applications) frameworks.

Characteristics

These are the outstanding features of Ext JS

  1. Customizable UI widgets with rich collections of UI, such as grids, pivot grids, forms, charts, trees.
  2. The new version is compatible with the older version of the code.
  3. Flexible layout managers help organize data and content display across multiple browsers, devices, and screen sizes.
  4. Advanced packets separate the UI widget from the data layer. Packets allow clients to collect data using highly functional models that support features such as sorting and filtering.
  5. It is protocol admmycible and can access data from any back-end source.
  6. Customizable theme Ext JS widgets provide multiple out-of-the-way themes that are consistent across platforms.

Benefits

Sencha Ext JS is a leading standard for business-class Web application development. /b10> Ext JS provides the tools you need to build powerful applications for desktops and tablets.

  1. Simplify cross-platform development for modern and traditional browsers across desktops, tablets and smartphones.
  2. Increase the productivity of your development team by integrating into your enterprise development environment with IDE plug-ins.
  3. Reduce the cost of Web application development.
  4. Authorize teams to create applications that have an attractive user experience.
  5. It has a set of widgets to make the UI powerful and easy.
  6. It follows such highly readable code as the MVC architecture.

Limit

  1. The size of the library is approximately 500 KB, which makes the initial load time more and slows down the application.
  2. HTML is full
  3. Labels make them complex and difficult to debug.
  4. Under the general public licensing policy, it is a free open source application, but pays for a commercial application.
  5. Sometimes loading even simple things requires very few lines of code, which is easier in simple html or Jquery.
  6. Developers with considerable experience are required to develop Ext JS applications.

Tools

These are the tools sencha provides for Ext JS application development and are primarily used at the production level.
Sencha Cmd
Sencha CMD is a tool that provides Ext JS code reduction, scaffolding, and production build generation capabilities.

Sencha IDE Plugins

Sencha IDE plug-in, which integrates the Sencha framework into IntelliJ, WebStorm IDE. This helps increase developer productivity by providing features such as code completion, code checking, code navigation, code generation, code refactoring, template creation, and spell checking.

Sencha Inspector

Sencha Inspector is a debugging tool that helps the debugger debug any problems while developing.