CEJS 0.0.2

CEJS 0.0.2Mudando de renderização client-side para server-side: uma experiência

QUEM SOU EU?• Hamon Vitorino• Desenvolvedor na Fortes desde 2010• Trabalho há 9 anos com tecnologias .Net

WEB FORMS X MVC• Testabilidade• Manutenibilidade• Customização

JQUERYUI• Bom poder de customização• Domínio sobre (quase todo) o HTML exibido• Componentes client-side prontos: calendário, popup, validação de formulários...• Boa disponibilidade de componentes de terceiros• Documentação razoável e uma comunidade muito grande

MASSSSSS...• Como fazer disso tudo uma app homogênea visualmente e em termos de usabilidade?• Cadê a grid paginada, com filtro assíncrono no cliente ou no servidor, flutuante, com ordenação por múltiplas células, que podem ser escolhidas, movidas, removidas ou adicionadas?

EXTJS3 (SEUS PROBLEMAS ACABARAM!)• Componentes client-side em javascript• Reuso de código• Visual muito elegante• Possui a marioria dos componentes necessários• Documentação muito boa

MASSSSSS...• Não tem boa convivência com outras bibliotecas• Enorme quantidade de código (~5k de C# para ~22k de js)• Quase nenhum domínio sobre o HTML e o CSS• Dificuldade de customizar devido ao ciclo de vida obscuro dos componentes• Gerenciamento de layout próprio• Pesado no browser (FF chegou a consumir 1,5GB)• O HTML gerado é muito denso, dificultando testes de aceitação• Excessivamente parecido com o Desktop

EXTJS4• Todos os componentes da versão anterior mais um framework mvc (parecido com o backbone)• Permite a criação e gerenciamento de módulos e quando devem ser carregados• Componentização melhorada, pois o ciclo de vida ficou menos obscuro

MASSSSSS...• Todos os defeitos da versão anterior, exceto pela componentização e modularização• Modularização baseada em strings, impedindo a IDE (VS2010) de gerar intellisense (faz muita falta)• A baixa capacidade de customização foi decisiva aqui, além da aparência de Desktop

SAMMYJS + MUSTACHE• Total controle sobre o HTML (enfim!)• Boa (e necessária) convivência com outra bibliotecas• Liberdade de escolha da sua biblioteca de templates (mustache)

MASSSSSS...• Necessidade de manter dois sistemas de rotas (cliente e servidor)• Dificuldade de criar/reusar componentes usando somente uma biblioteca de templates client-side• Baixa manutenibilidade

HELPERS SERVER-SIDE + KNOCKOUTJS• Componentes (templates/partial views) tipados e configuráveis, escritos no server-side usando Razor• Helpers (C#) que renderizam os componentes• Aparência e comportamento homogêneos e definidos pela equipe• Comportamentos dinâmicos nas máginas ficaram mais fáceis com a implementação de MVVM do KO e seus bindings• Menos código javascript• Boa convivência com outras bibliotecas• Layout gerenciado pelo browser (#win)

COMO TODOS OS OUTROS, TAMBÉM TEM UMMASSSSSS...• Todo o código é de nossa responsabilidade e isso implica em manutenção evolutiva e corretiva

LINKS• jqueryui.com• jquery.com• sammyjs.org• mustache.github.com• knockoutjs.com

CONTATOS• @hvitorino• github.com/hvitorino• hamon.vitorino@gmail.com

http://www.milfont.org	687
http://feeds.feedburner.com	5
http://www.infoblogs.com.br	1

CEJS 0.0.2

by hvitorino on Jun 24, 2012

Accessibility

Upload Details

Usage Rights

3 Embeds 693

Statistics

CEJS 0.0.2 Presentation Transcript