Aurelia - Plugins

Ao começar a construir seu aplicativo, na maioria das vezes você desejará usar alguns plug-ins adicionais. Neste capítulo, você aprenderá a usar plug-ins no framework Aurelia.

Plugins padrão

No último capítulo, vimos como usar a configuração padrão no framework Aurelia. Se você estiver usando a configuração padrão, um conjunto padrão de plug-ins estará disponível.

  • defaultBindingLanguage() - Este plugin oferece uma maneira fácil de conectar view-model com view. Você já viu a sintaxe de vinculação de dados unilateral(${someValue}). Mesmo que você possa usar alguma outra linguagem de ligação, é uma prática recomendada usar a linguagem de ligação padrão.

  • defaultResources() - Os recursos padrão nos fornecem algumas construções primitivas, como if, repeat, compose, etc. Você pode até mesmo construir essas construções por conta própria, mas como elas são comumente usadas, Aurelia já as criou dentro desta biblioteca.

  • Router()- A maioria dos aplicativos usa algum tipo de roteamento. Conseqüentemente,Routerfaz parte dos plug-ins padrão. Você pode verificar mais sobre roteamento em um capítulo subsequente.

  • History() - O plugin de histórico geralmente é usado junto com router.

  • eventAggregator()- Este plugin é usado para comunicação entre componentes. Ele lida com a publicação e assinatura de mensagens ou canais dentro do seu aplicativo.

Plugins oficiais

Esses plug-ins não fazem parte da configuração padrão, mas são usados ​​com frequência.

  • fetch()- O plugin Fetch é usado para lidar com solicitações HTTP. Você pode usar alguma outra biblioteca AJAX se quiser.

  • animatorCSS() - Este plugin oferece uma maneira de lidar com animações CSS.

  • animator-velocity()- Em vez de animações CSS, você pode usar a biblioteca de animação Velocity. Esses plug-ins nos permitem usar o Velocity dentro dos aplicativos Aurelia.

  • dialog() - O plugin de diálogo oferece uma janela modal altamente personalizável.

  • i18n() - Este é o plugin para internalização e localização.

  • ui-virtualization() - A virtualização é uma biblioteca útil para lidar com grandes tarefas de interface do usuário de alto desempenho.

  • validation() - Use este plugin quando precisar validar seus dados.

Todos os plug-ins explicados acima são oficialmente mantidos pela equipe Aurelia Core no momento em que este tutorial foi escrito. Haverá alguns outros plug-ins úteis adicionados no futuro. O exemplo a seguir mostra como configurar seu aplicativo para usar plug-ins.

Instalando Plugins

Se, por exemplo, queremos usar animator-css e animator-velocity, precisamos instalá-lo primeiro.

C:\Users\username\Desktop\aureliaApp>jspm install aurelia-animator-css
C:\Users\username\Desktop\aureliaApp>jspm install aurelia-animator-velocity

No último capítulo, você aprendeu como usar a configuração manual. Podemos adicionar nossos plugins emmain.js Arquivo.

main.js

export function configure(aurelia) {
   aurelia.use
   .defaultBindingLanguage()
   .defaultResources()
   .developmentLogging()
   .router()
   .history()
   .eventAggregator()
   .plugin('aurelia-animatorCSS')
   .plugin('aurelia-animator-velocity')

   aurelia.start().then(() => aurelia.setRoot());
}