Skip to content

Um exemplo Angular para explorar hooks de ciclo de vida de componentes (OnInit, OnChanges, OnDestroy, etc.), mostrando como gerenciar inicialização, mudanças de props e limpeza de recursos durante a vida útil dos componentes.

Notifications You must be signed in to change notification settings

raiego/angular-life-cycle

Repository files navigation

Angular Life Cycle

Projeto em Angular para estudar e demonstrar os ciclos de vida de componentes — ideal para aprender como funcionam os “hooks” de ciclo de vida e a criação, atualização e destruição de componentes no Angular.

🧠 Sobre o projeto

Este repositório contém um exemplo/prática voltada a entender o ciclo de vida de componentes no Angular. O foco é demonstrar a sequência de eventos (criação, renderização, atualizações, destruição) de componentes, e como lidar com dados e lógica em cada fase de vida. É uma ótima base de estudos para quem está aprendendo Angular e seus conceitos fundamentais de ciclo de vida de componentes.

✅ Funcionalidades / O que este projeto demonstra

Uso dos hooks de ciclo de vida do Angular (como ngOnInit, ngOnChanges, ngOnDestroy, entre outros)

Observação do comportamento de componentes ao serem criados, atualizados e removidos

Estrutura básica de projeto Angular com componentes, módulos e navegação (se aplicável)

Possibilidade de experimentar diferentes cenários de ciclo de vida para aprendizado/prática

(Se o seu projeto tiver funcionalidades adicionais — por exemplo: formulários, navegação, comunicação entre componentes, etc. — você pode listá-las aqui.)

🛠️ Tecnologias / Dependências

Angular (versão usada no projeto)

TypeScript

HTML / CSS

(Outras dependências se houver — exemplifique conforme seu package.json)

🚀 Como executar o projeto localmente

Clone o repositório

git clone https://github.com/raiego/angular-life-cycle.git

Entre na pasta do projeto

cd angular-life-cycle

Instale as dependências

npm install

Inicie o servidor de desenvolvimento

ng serve

Depois, abra no navegador:

➡️ http://localhost:4200/

📂 Estrutura sugerida do projeto /src /app /components # Componentes que demonstram diferentes ciclos de vida /services # Serviços (se houver) app.module.ts app.component.ts ... angular.json package.json README.md

(Adapte conforme a estrutura real do seu projeto.)

🤝 Contribuições

Contribuições são bem-vindas! Se você quiser sugerir melhorias, adicionar novos exemplos, ou corrigir algo — abra uma issue ou envie um pull request.

📄 Licença

Este projeto está sob a licença MIT — sinta-se à vontade para usar e modificar conforme desejar.

About

Um exemplo Angular para explorar hooks de ciclo de vida de componentes (OnInit, OnChanges, OnDestroy, etc.), mostrando como gerenciar inicialização, mudanças de props e limpeza de recursos durante a vida útil dos componentes.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published