Live coding Angular: Estratégias de comunicação entre componentes, além do @Input e @Output

Curtiu o tema e quer continuar se aprofundando? Conheça o Angular - Curso Introdutório e desbloqueie o seu próximo nível em Angular GRATUITAMENTE: https://rseat.in/AngularCursoIntrodut... Guia prático: a comunicação entre Componentes e o Estado no Angular: https://rseat.in/aUou-7kaj Repositório do projeto: https://github.com/feelipefreitas/liv... Nesta live especial, Felipe Freitas, desenvolvedor no Itaú, mergulha no universo do Angular para desvendar as melhores práticas de comunicação entre componentes e gerenciamento de estado. Aprenda a refatorar seu código, saindo do uso básico de Input/Output para a robustez dos Services e o poder do RXJS (Behavior Subject, Async Pipe), garantindo aplicações mais escaláveis e de fácil manutenção. Descubra por que Angular continua sendo uma escolha estratégica para sua carreira em 2025, especialmente em grandes empresas e bancos, e como ele se compara ao React em cenários de mercado. Fique por dentro do lançamento da nova formação Angular da Rocketseat, com o primeiro nível chegando em agosto! Gostou do conteúdo? Deixe seu like, compartilhe com a comunidade dev e inscreva-se no canal para não perder as próximas lives! Para saber mais sobre a formação Angular e aproveitar a Purple Week, acesse o link na descrição ou aponte seu celular para o QR Code na tela! 00:00:02 - 00:00:31 - Boas-vindas e introdução à live Angular 00:00:31 - 00:01:16 - Quem é o especialista em Angular? 00:01:16 - 00:02:17 - Qual a experiência do Felipe Freitas? 00:02:17 - 00:03:22 - Onde encontrar mais conteúdo Angular? 00:03:22 - 00:04:49 - Quais pré-requisitos para aprender Angular? 00:04:49 - 00:06:53 - Por que aprender Angular em 2025? 00:06:53 - 00:07:38 - Angular é melhor que React? 00:07:38 - 00:09:04 - Como conseguir desconto na Rocketseat? 00:09:04 - 00:09:30 - Onde baixar o código-fonte Angular? 00:09:30 - 00:10:19 - Qual problema da comunicação Input/Output? 00:10:19 - 00:12:09 - Como configurar um novo projeto Angular? 00:12:09 - 00:13:20 - Como iniciar e rodar uma aplicação Angular? 00:13:20 - 00:17:11 - Qual o objetivo do projeto Fake Shop? 00017:11 - 00:18:39 - Como integrar uma API externa no Angular? 00:18:39 - 00:19:58 - Por que usar Services para requisições? 00:20:26 - 00:22:09 - Como criar um Service injetável Angular? 00:22:09 - 00:23:50 - Como usar HttpClient para requisições? 00:23:50 - 00:29:38 - Como criar interfaces para tipagem? 00:29:38 - 00:33:48 - Como consumir um Service no AppComponent? 00:33:48 - 00:39:47 - Como passar dados com @Input? 00:42:50 - 00:47:32 - Como renderizar listas dinâmicas com @for? 00:47:32 - 00:51:09 - Como emitir eventos com @Output? 00:51:09 - 00:55:52 - Qual a melhor forma de adicionar itens? 00:55:52 - 01:01:09 - Como atualizar o contador de itens? 01:01:09 - 01:07:50 - Como controlar a visibilidade de um sidebar? 01:07:50 - 01:13:50 - Como exibir itens do carrinho? 01:13:50 - 01:25:52 - Como remover itens do carrinho? 01:26:48 - 01:36:08 - Como centralizar gerenciamento de estado? 01:36:08 - 01:41:27 - Como usar async pipe e @let? 01:41:27 - 01:44:46 - Como atualizar o header com o carrinho? 01:44:46 - 01:46:48 - Como gerenciar itens do carrinho? 01:46:48 - 01:50:23 - Como finalizar a compra e desabilitar? 01:50:23 - 01:51:12 - Quais os benefícios de refatorar o código? 01:51:12 - 01:55:07 - É preciso saber POO para Angular? 01:55:07 - 01:58:00 - Onde encontrar o código e promoções? 01:58:00 - 01:59:08 - Agradecimentos e próximos passos na Rocketseat #Angular,#DesenvolvimentoWeb,#Frontend,#Programacao,#CarreiraDev,#Rocketseat,#RXJS,#TypeScript,#GerenciamentoDeEstado ----- Conecte-se a 500mil devs e avance para o próximo nível com a nossa plataforma: https://rseat.in/rocketseat_ Cadastre-se na nossa plataforma: https://rseat.in/rocketseat_ Junte-se a mais de 392mil devs em nossa comunidade no Discord:   / discord   Acompanhe a Rocketseat nas redes sociais: TikTok: @rocketseat Facebook: @rocketseat Instagram: @rocketseat