"Se um trabalhador quiser fazer bem o seu trabalho, ele deve primeiro afiar suas ferramentas." - Confúcio, "Os Analectos de Confúcio. Lu Linggong"
Primeira página > Programação > Viciados # Quando usar efeitos, recursos Angular DI, solicitar cache e muito mais

Viciados # Quando usar efeitos, recursos Angular DI, solicitar cache e muito mais

Publicado em 2024-11-08
Navegar:980

Addicts # When to use effects, Angular DI features, request caching & more

?Ei, companheiro Angular Addict

Esta é a 30ª edição do Angular Addicts Newsletter, uma coleção mensal de recursos Angular cuidadosamente selecionados que chamaram minha atenção. (Aqui estão as edições 29, 28 e 27)

?Anúncios de lançamento

Atualização Nx 19.8

Zack DeRose resume os novos recursos da versão mais recente do Nx:

  • A importação Nx está disponível para o público geral
  • Programação de tarefas melhorada
  • O Project Crystal chega ao Angular, ele infere tarefas para projetos em seu espaço de trabalho, em vez de exigir que elas existam em cada arquivo project.json ou angular.json de seu espaço de trabalho
  • Cristalize todo o seu espaço de trabalho em um comando
  • Novos espaços de trabalho Nx criados com ESLint 9

?Joias angulares de setembro de 2024

? Quando (não) usar efeitos em Angular – e o que fazer em vez disso

Em seu artigo, Manfred Steyer explica que os efeitos devem ser usados ​​principalmente para tarefas de renderização que não podem ser alcançadas por meio de vinculação de dados, como registro, pintura em uma tela ou comportamento personalizado do DOM. Se pretendemos renderizar dados por meio de vinculação de dados, para reagir a uma mudança de sinal, ele sugere o uso de computação para derivar valores de sinais de forma síncrona. Também podemos usar RxJs ou auxiliares reativos como rxMethod para reagir aos eventos por trás das mudanças de sinal.

? Fascinante injeção de dependência

Armen Vardanyan explora Injeção de Dependência (DI) em Angular. Ele mostra recursos interessantes como dependências dinâmicas com parâmetros de consulta, compartilhamento de uma instância de formulário de pai para filho e fornecimento de configuração global.

? Os 10 principais erros de arquitetura angular que você realmente deseja evitar

Em sua última postagem no blog, Tomas Trajan coletou erros comuns que os desenvolvedores cometem no Angular, como:

  • Não pensando na diferença entre partes ansiosas e preguiçosas do aplicativo
  • Usar mais de uma maneira para conseguir o mesmo
  • Focando em SECO em vez de ISOLAMENTO
  • Analisando a arquitetura manualmente em vez de com a ajuda de ferramentas
  • Não estar familiarizado com os dois principais sistemas do Angular e as regras pelas quais eles se comportam

? Usando o Storybook com Angular e Vite

Por padrão, Angular e Storybook usam Webpack para construir e servir o aplicativo Storybook. Neste guia passo a passo, Brandon Roberts orienta você na integração do Storybook com Angular usando Vite como servidor de desenvolvimento.

? Armazenamento em cache de solicitações de API em Angular: melhor, mais rápido e mais forte

Koye Mohan Reddy mostra como armazenar em cache solicitações de API no Angular para melhorar o desempenho e a experiência do usuário. Ele aborda a implementação de cache com HTTP Interceptor, invalidação de cache e limites de uso de memória.

?‍?Sobre o autor

Meu nome é Gergely Szerovay, trabalhei como cientista de dados e desenvolvedor full-stack por muitos anos e tenho trabalhado como líder de tecnologia de front-end, com foco no desenvolvimento de front-end baseado em Angular. Como parte da minha função, estou constantemente acompanhando a evolução do Angular e do cenário de desenvolvimento de frontend em geral. Para compartilhar meu conhecimento, iniciei o boletim informativo e publicação mensal Angular Addicts em 2022, para que possa enviar a vocês os melhores recursos que encontro a cada mês. Quer você seja um Angular Addict experiente ou um iniciante, eu tenho o que você precisa. Deixe-me saber se você gostaria de ser incluído como escritor. Vamos aprender Angular juntos! Inscreva-se aqui?

Angular evoluiu muito rapidamente nos últimos anos e, no ano passado, com o surgimento da IA ​​generativa, nossos fluxos de trabalho de desenvolvimento de software também evoluíram rapidamente. Para acompanhar de perto a evolução do desenvolvimento de software assistido por IA, decidi começar a construir ferramentas de IA em público e publicar meu progresso em AIBoosted.dev. Junte-se a mim nesta jornada de aprendizado: Inscreva-se aqui?

Siga-me no Substack (Angular Addicts), Substack (AIBoosted.dev), Medium, Dev.to, Twitter ou LinkedIn para saber mais sobre Angular e como construir aplicativos de IA com AI, Typescript, React e Angular!

?️Edições anteriores

Se você perdeu as edições anteriores da newsletter, pode lê-las aqui, estas são as 3 edições mais recentes:

  • Angular Addicts #29: Angular 18.2, bibliotecas implícitas, o futuro é autônomo e muito mais
  • Angular Addicts #28: Angular 18.1, teste de componentes, guia SSR e mais
  • Angular Addicts #27: NgRx 18, Novo RFC: API DomRef, armazenamento na Web com sinais e mais

? Envie seu recurso Angular

Você encontrou ou escreveu um artigo, tweet ou outro recurso interessante relacionado ao Angular recentemente? Por favor, deixe-me saber aqui nos comentários ou me envie um DM no Twitter! Posso apresentá-lo na próxima edição do Angular Addicts!

Declaração de lançamento Este artigo foi reproduzido em: https://dev.to/this-is-angular/addicts-30-when-to-use-effects-angular-di-features-request-caching-more-5g10?1Se houver algum violação, entre em contato com [email protected] para excluir
Tutorial mais recente Mais>

Isenção de responsabilidade: Todos os recursos fornecidos são parcialmente provenientes da Internet. Se houver qualquer violação de seus direitos autorais ou outros direitos e interesses, explique os motivos detalhados e forneça prova de direitos autorais ou direitos e interesses e envie-a para o e-mail: [email protected]. Nós cuidaremos disso para você o mais rápido possível.

Copyright© 2022 湘ICP备2022001581号-3