🥇 Aumente o desempenho do seu aplicativo Ember com willDestroyElement () nos componentes

É apenas uma dica rápida, enquanto pode ser amplamente estendida.

Os componentes do Emberjs são blocos de código reutilizáveis, muito úteis em muitos aspectos. No entanto, usá-los também pode trazer alguns problemas de desempenho se não seguirmos as melhores práticas.

Os componentes Ember têm diferentes ciclos de vida, sendo dois dos mais importantes: didInsertElement () e willDestroyElement ()

Aqui está um exemplo para definir owlCarousel () como um controle deslizante incrível:

export default Ember.Component.extend({
  didInsertElement(){
    this._super(...arguments);
    Ember.$('#main-slider').owlCarousel();
  },
  willDestroyElement(){
    this._super(...arguments);
    let owl = Ember.$('#main-slider');
    owl.trigger('destroy.owl.carousel');  
  }
});

Em willDestroyElement()onde estou destruindo owl.trigger('destroy.owl.carousel'); está a parte importante de destruir aquele evento enquanto deixo componentes que rodam o app em larga escala com mais performance. Eu encorajo você a aprender mais sobre a API atual do ciclo de vida do componente.

Aqui está um exemplo para definir owlCarousel () como um controle deslizante incrível:

Related Posts