Ciclo de Vida Ionic

Antes de falar sobre o ciclo de vida ionic, vale lembrar que o Ionic Framework é um kit de ferramentas de interface do usuário de código aberto para a criação de aplicativos móveis e de desktop de alto desempenho e de alta qualidade, usando tecnologias da Web (HTML, CSS e JavaScript).

Diagrama do ciclo de vida:

Ciclo de Vida Ionic

Em resumo, estes são os eventos do ciclo de vida ionic:

  • ionViewDidLoad: Disparado somente quando uma visão é armazenada na memória. Este evento NÃO é disparado ao entrar em uma exibição que já está em cache. É um bom lugar para tarefas relacionadas ao init.
  • ionViewWillEnter: É acionado ao entrar em uma página antes de se tornar a ativa. Use-o para tarefas que você deseja fazer toda vez que entrar na visualização (definindo ouvintes de eventos, atualizando uma tabela, etc.).
  • ionViewDidEnter: Disparado ao entrar em uma página, depois que ela se torna a página ativa. Bastante semelhante ao anterior.
  • ionViewWillLeave: Despedido quando você sai de uma página, antes de deixar de ser a ativa. Use-o para coisas que você precisa executar toda vez que estiver saindo de uma página (desative os ouvintes de eventos, etc.).
  • ionViewDidLeave: Despedido quando você sai de uma página, depois que ela deixa de ser a ativa. Semelhante ao anterior.
  • ionViewWillUnload: Disparado quando uma exibição será completamente removida (depois de deixar uma exibição não armazenada em cache).


Nav guards

Como faixa bônus, há dois outros métodos poderosos relacionados a esses eventos: nav guards. Esses métodos são focados no controle de acesso à exibição (com fins de autenticação).

  • ionViewCanEnter: Disparado antes de entrar em uma visão, permite que você controle se a visão pode ser acessada ou não (retornando verdadeiro ou falso).
  • ionViewCanLeave: Despedido antes de deixar uma visão, permite controlar se a visão pode ser deixada ou não.

É importante destacar que os Guardas de Navegação(Nav guards) são executados antes de qualquer outro método de evento de ciclo de vida.

Para mais informações consulte o site oficial do Ionic.

Já ouviu falar no VueJs, ele também esta em alta e possui um desempenho e qualidade muito interessante, além de ser muito simples e de fácil entendimento, conheça um pouco mais sobre o VueJs.

Deixe uma resposta