Bem-vindo ao LabSignals!

Oie! Que bom ver você por aqui! Este é o LabSignals, um projeto que criamos sobre Signals no Angular. Vamos entender como essa abordagem pode transformar o gerenciamento de estado nas nossas aplicações Angular.

O que você vai encontrar aqui?

Nosso projeto é uma página interativa de elementos químicos, onde você pode clicar em alguns elementos da Tabela Periódica e ver seus detalhes aparecerem na tela. E tudo isso é feito com os Signals!

Features do Projeto:

1. Lista de Elementos Químicos Interativa: Clique em qualquer elemento e veja os detalhes instantaneamente.
2. State Management com Signals: Vamos dar as boas-vindas à simplicidade dos signals.
3. Cálculo de Massa Atômica Total: Escolha dois elementos e veja o cálculo acontecer automaticamente.
4. Reatividade na Veia: Atualizações rápidas e automáticas graças aos signals graváveis e computados.
5. Otimização com Lazy Evaluation e Cache: Porque queremos que nossa aplicação seja rápida e eficiente!

Objetivos do Projeto

• Explorar como os Signals funcionam no Angular.
• Comparar Signals e Observables para entender as vantagens.
• Aprender a criar Efeitos Reativos que simplificam ações automáticas.
• Otimizar a performance com técnicas como Lazy Evaluation e Cache.
• Compartilhar estado entre diferentes componentes usando Services.

Como rodar o projeto?

1. Clone o repositório:

   git clone https://github.com/ThamirisAdriano/alura-lab-signals.git

2. Instale as dependências::

   npm install

3. Rode a aplicação:

   ng serve --open

4. Abra o navegador e acesse:

   http://localhost:4200
   

Exploração Passo a Passo

Introdução aos Signals no Angular

Entenda o básico sobre Signals e como começar a usá-los.

Comparando Signals e Observables

Compare os dois tipos de gerenciamento de estado.

Criando e Gerenciando Efeitos com Signals

Aprenda a automatizar ações com Efeitos Reativos.

Compartilhando Signals entre Componentes

Veja como compartilhar estado de forma eficiente com Services.

Otimizando Signals e Debugging

Descubra técnicas avançadas para manter sua aplicação rápida e performática.