RichFaces 4 é uma suíte de componentes para JSF 2 que fornece recursos adicionais como componentes visuais avançados e suporte a Ajax. O documento descreve as principais características e melhorias do RichFaces 4 em relação à versão anterior, como o uso de JavaScript baseado em jQuery e a simplificação da instalação. Demonstra exemplos de componentes e validação no cliente.
2. Eu
Eder Magalhães
eder@yaw.com.br
twitter.com/edermag
Globalcode
–
Open4education
3. Agenda
! Sobre JavaServer Faces;
! Introdução ao RichFaces;
! Características do RichFaces;
! Demonstração de Componentes Visuais;
! Demonstração da Validação lado cliente;
! Links e twitters;
Globalcode
–
Open4education
4. Sobre o JavaServer Faces
! Framework MVC Java baseado em UI Component;
! Templates e Composite Components (Facelets);
! Ajax Nativo;
! Configuração via anotações;
! Navegação implícita;
! Bookmarkable / Requisição GET;
! Várias opções de escopo;
! Suporte a Bean Validation;
Globalcode
–
Open4education
5. Relembrando: JSF 1.x
! Não suportava Ajax nativo;
! Gestão de escopo limitada;
! Sem suporte a GET;
! Customização de componentes UI relativamente
complexa;
! Configuração somente através de XML;
! Praticamente impossível desenvolver uma app
utilizando o JSF 1.x “puro”;
Globalcode
–
Open4education
6. JSF 1.* puro?
! Usar um suíte ou extensão de componentes era
praticamente obrigatório!
Globalcode
–
Open4education
7. JSF 2 versus Suíte de Componentes
! Com JSF 2 ainda é necessário utilizar uma suíte?
! Algumas limitações da especificação:
! Componentes UI ainda são rústicos;
! Poucas opções de Componentes UI;
! Não define componente de tema/skin;
! Modelo de requisição Ajax é bem simples;
! Não disponibiliza tratamento nativo para Flow;
Globalcode
–
Open4education
8. ! RichFaces é a suíte mais famosa para JSF 1.*;
! RichFaces 4:
! Lançado recentemente com suporte a JSF 2;
! Projeto foi reconstruído para suportar JSF 2;
Globalcode
–
Open4education
9. JavaScript do RichFaces 4
! JavaScript gerado é baseado em jQuery!
Globalcode
–
Open4education
10. Refactoring
! Todos os componentes foram revisados:
! Usabilidade;
! Melhor semântica HTML;
! Mais performance em código client-side e server-side;
! Código mais limpo;
Globalcode
–
Open4education
11. Instalação
! Só colocar os jars no projeto (libs);
! Ou configurar os artefatos (Maven);
! Nenhuma configuração extra via xml;
Globalcode
–
Open4education
12. Roda em quais servidores?
! Tomcat 6 e 7;
! JBoss AS 6 e 7;
! Glassfish 3.*;
! Qualquer servidor com suporte a JSF 2;
! Cloud: GAE + Amazon EC2 + CloudBees;
Globalcode
–
Open4education
13. Mais detalhes sobre o RichFaces
! UI Components:
! a4j: tag lib p/ Ajax;
! rich: tag lib p/ componentes visuais;
! Skin;
! Validação client-side (Bean Validation);
! Component Development Kit
Globalcode
–
Open4education
15. Queue para Ajax
! Organiza as requisições Ajax em telas complexas;
! Funcionalidades:
! requestDelay
! requestGrouping
! ignoreDupResponses
! Cria um escopo de fila;
! Eventos no cliente e API JavaScript;
Globalcode
–
Open4education
19. Validação lado cliente
! Utiliza os validadores JSF;
! Compreende JSR 303;
! Gera código JavaScript para validar;
! Suporta validação de múltiplos valores (campos);
! Agrega valor ao rich:message;
Globalcode
–
Open4education
20. ScrumToys: a cobaia, o retorno!
! Demo: validadores JSF + Bean Validations
Globalcode
–
Open4education
21. RichFaces 4 Mobile Development
! http://bit.ly/mCWTZB
Post
falando
sobre
o
assunto
no
Jboss
World
2011
Keynote
Globalcode
–
Open4education
22. RichFaces 4.1 – coming soon
! Os fontes migrados para o Git;
! Novos componentes UI;
! Integração com Seam-forge;
! Melhor suporte p/ HTML5 e Mobile;
! Sandbox e CDK;
! Bug fixing;
6
meses
de
trabalho…
Globalcode
–
Open4education