Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Angular js com diretivas

Sobre a tendência dos Web Components e como utilizá-los para arquitetar aplicações com eles

  • Be the first to comment

  • Be the first to like this

Angular js com diretivas

  1. 1. Arquitetando aplicações com Diretivas em AngularJS por Matheus Lima
  2. 2. Motivação Reuso Manutenção ng-controller Components são o futuro
  3. 3. Reuso Paginação com Diretivas: <pagination pages="pages"></pagination> Alternativa com controllers: <div ng-controller="PaginationCtrl"> <div ng-include="'/shared/pagination.html'"></div> </div>
  4. 4. Manutenção JavaScript não-obstrusivo não é tão bom quanto pensávamos. Componentes possuem todo o código no mesmo lugar: function Pagination() { return { restrict: 'E', template: '<nav>...</nav>', scope: { page: '=' } }; }
  5. 5. ng-controller 1. Compartilhamento de dados 2. Repetição de código 3. Herança
  6. 6. ng-controller 1. Compartilhamento de dados A forma mais comum usa $scope ou $rootScope (deprecated) Por não possuir escopo isolado é mais difícil de: Entender Manter Testar Exemplo no jsfiddle
  7. 7. ng-controller 2. Repetição de código Justamente por ser difícil o Reuso, o DRY é comprometido
  8. 8. ng-controller 3. Herança A forma mais comum: function MyController() { ... $scope.$parent.invokeMethod(); } Usa $scope e $parent…. JUNTOS Exemplo no jsfiddle
  9. 9. ng-controller Portanto: “Se uma feature de uma linguagem pode ser problemática, e se ela pode ser substituída por outra feature que é mais confiável, então sempre escolha a feature mais confiável.” - Douglas Crockford
  10. 10. Components são o futuro Mesmo que você não acredite em nada do que eu falei: Angular 2 React Ember Aurelia Todos os frameworks estão focando em Components.
  11. 11. Perguntas

    Be the first to comment

    Login to see the comments

Sobre a tendência dos Web Components e como utilizá-los para arquitetar aplicações com eles

Views

Total views

674

On Slideshare

0

From embeds

0

Number of embeds

5

Actions

Downloads

14

Shares

0

Comments

0

Likes

0

×