Ext.js - Visão geral
Ext JS é uma estrutura JavaScript popular que fornece IU rica para a construção de aplicativos da web com funcionalidade de navegador cruzado. Ext JS é basicamente usado para criar aplicativos de desktop. Ele suporta todos os navegadores modernos, como IE6 +, FF, Chrome, Safari 6+, Opera 12+, etc. Considerando que outro produto da Sencha, o Sencha Touch é usado para aplicativos móveis.
Ext JS é baseado na arquitetura MVC / MVVM. A versão mais recente do Ext JS 6 é uma plataforma única, que pode ser usada tanto para desktop quanto para aplicativos móveis sem ter código diferente para plataforma diferente.
História
Ext JS 1.1
A primeira versão do Ext JS foi desenvolvida por Jack Slocum em 2006. Era um conjunto de classes utilitárias, que é uma extensão do YUI. Ele chamou a biblioteca de YUI-ext.
Ext JS 2.0
Ext JS versão 2.0 foi lançado em 2007. Esta versão tinha uma nova documentação de API para aplicativos de desktop com recursos limitados. Esta versão não tem compatibilidade com versões anteriores do Ext JS.
Ext JS 3.0
Ext JS versão 3.0 foi lançada em 2009. Esta versão adicionou novos recursos como gráfico e exibição de lista, mas à custa de velocidade. Ele tinha compatibilidade com a versão 2.0.
Ext JS 4.0
Após o lançamento do Ext JS 3, os desenvolvedores do Ext JS tiveram o maior desafio de aumentar a velocidade. Ext JS versão 4.0 foi lançado em 2011. Ele tinha a estrutura revisada completa, que foi seguida pela arquitetura MVC e um aplicativo ágil.
Ext JS 5.0
Ext JS versão 5.0 foi lançado em 2014. A principal mudança neste lançamento foi mudar a arquitetura MVC para a arquitetura MVVM. Inclui a capacidade de criar aplicativos de desktop em dispositivos habilitados para toque, vinculação de dados bidirecional, layouts responsivos e muitos outros recursos.
Ext JS 6.0
Ext JS 6 mescla a estrutura Ext JS (para aplicativos de desktop) e Sencha Touch (para aplicativos móveis).
Características
A seguir estão os recursos destacados do Ext JS.
Widgets de IU personalizáveis com coleção de IU rica, como grades, grades dinâmicas, formulários, gráficos, árvores.
Compatibilidade de código de novas versões com a mais antiga.
Um gerenciador de layout flexível ajuda a organizar a exibição de dados e conteúdo em vários navegadores, dispositivos e tamanhos de tela.
O pacote de dados Advance separa os widgets de IU da camada de dados. O pacote de dados permite a coleta de dados do lado do cliente usando modelos altamente funcionais que permitem recursos como classificação e filtragem.
É um protocolo agnóstico e pode acessar dados de qualquer fonte de back-end.
Temas personalizáveis Os widgets Ext JS estão disponíveis em vários temas prontos para uso que são consistentes em todas as plataformas.
Benefícios
Sencha Ext JS é o padrão líder para o desenvolvimento de aplicativos da Web de nível empresarial. Ext JS fornece as ferramentas necessárias para construir aplicativos robustos para desktops e tablets.
Otimiza o desenvolvimento de plataforma cruzada em desktops, tablets e smartphones - para navegadores modernos e legados.
Aumenta a produtividade das equipes de desenvolvimento integrando-se a ambientes de desenvolvimento corporativo por meio de plug-ins IDE.
Reduz o custo de desenvolvimento de aplicativos da web.
Capacita as equipes a criar aplicativos com uma experiência de usuário atraente.
Oferece um conjunto de widgets para criar facilmente uma interface de usuário poderosa.
Segue a arquitetura MVC, portanto, o código é altamente legível.
Limitações
O tamanho da biblioteca é grande, em torno de 500 KB, o que aumenta o tempo de carregamento inicial e torna o aplicativo lento.
O HTML está cheio de tags que o tornam complexo e difícil de depurar.
De acordo com a política geral de licença pública, é gratuito para aplicativos de código aberto, mas pago para aplicativos comerciais.
Às vezes, para carregar, mesmo coisas simples exigem poucas linhas de codificação, o que é mais simples em html ou JQuery.
Necessita de um desenvolvedor bastante experiente para o desenvolvimento de aplicações Ext JS.
Ferramentas
A seguir estão as ferramentas fornecidas pelo Sencha, usadas para o desenvolvimento de aplicativos Ext JS, principalmente no nível de produção.
Sencha CMD
Sencha CMD é uma ferramenta que fornece os recursos de minificação de código Ext JS, estrutura e geração de construção de produção.
Plug-ins Sencha IDE
Os plug-ins Sencha IDE integram estruturas Sencha em IntelliJ, WebStorm IDEs, o que ajuda a melhorar a produtividade do desenvolvedor, fornecendo recursos como auto-completar de código, inspeção de código, navegação de código, geração de código, refatoração de código, criação de modelo, verificação ortográfica, etc.
Inspetor Sencha
Sencha Inspector é uma ferramenta de depuração que ajuda o depurador a depurar qualquer problema durante o desenvolvimento.