# Blog da Code Dimension

> No Blog da Code Dimension você vai ter acesso as últimas novidades sobre Angular, boas práticas e Frontend em geral!

## Artigos Recentes
- [RPI com IA: Uma Introdução ao Research-Plan-Implement](https://blog.codedimension.com.br/post/rpi-research-plan-implement-com-ia-e-openspec/) - Aprenda como funciona o padrão RPI (Research-Plan-Implement) com IA e como implementá-lo no seu projeto usando as skills nativas do OpenSpec.
- [Angular Signal Forms: Traduzindo Form Models para Domain Models](https://blog.codedimension.com.br/post/traduzindo-signal-forms-models/) - Traduzindo Form Models para Domain Models no Angular com Signal Forms
- [Angular 22: Novidades e Funcionalidades](https://blog.codedimension.com.br/post/angular-22/) - Descubra todas as novidades do Angular 22 para desenvolvimento web: Signal Forms estável, Resource API, o novo @Service e OnPush por padrão sem o Zone.js.
- [Angular Aria: Componentes Acessíveis](https://blog.codedimension.com.br/post/angular-21-angular-aria/) - Como criar componentes acessíveis usando Angular Aria, integrando com Tailwind, daisyUI e Signals.
- [Reset de Signal Forms no Angular](https://blog.codedimension.com.br/post/reset-signal-forms/) - Aprenda a resetar valores e os estados dirty e touched em formulários usando a nova API de Signal Forms no Angular de maneira correta e direta.
- [Angular: O Problema com o NULL em Signal Forms](https://blog.codedimension.com.br/post/evite-null-com-signal-forms/) - Aprenda a resolver erros de tipagem ao usar NULL com Signal Forms no Angular e veja as recomendações oficiais do time do Angular para seus modelos.
- [Gerenciamento de Estado no Angular: Global vs Local State](https://blog.codedimension.com.br/post/local-state-vs-global-state/) - Entenda a diferença entre Global State e Local State no Angular e aprenda quando usar cada um.
- [Control Value Accessor: A Ponte Entre o DOM e o Angular](https://blog.codedimension.com.br/post/control-value-acessor/) - Aprenda a criar componentes customizados no Angular que se integram perfeitamente com Reactive Forms e Template Driven Forms usando ControlValueAccessor.
- [Angular 21.2: Novidades em Signal Forms](https://blog.codedimension.com.br/post/angular-signal-forms-212/) - Descubra as novidades do Angular 21.2 para Signal Forms: debounce no blur, controle de foco automático e integração simplificada com Reactive Forms.
- [Criando Formulários Dinâmicos no Angular](https://blog.codedimension.com.br/post/criando-formulario-dinamico/) - Aprenda a criar formulários dinâmicos no Angular usando Signals e Control Flow Syntax. Gere campos automaticamente a partir de um JSON ou objeto.
- [Angular: Implementando um stepper com rotas](https://blog.codedimension.com.br/post/stepper-com-rotas/) - Aprenda a criar um stepper no Angular usando roteamento, gerenciamento de estado e Signals para formulários complexos e escaláveis.
- [Angular: Quando usar FormGroup, FormRecord e FormArray?](https://blog.codedimension.com.br/post/reactive-forms-quando-usar-cada-tipo-de-formulario/) - Descubra quando usar FormGroup, FormRecord e FormArray no Angular. Aprenda a criar formulários dinâmicos e tipados usando os recursos certos.
- [Angular: Variáveis Ambiente com Define Option](https://blog.codedimension.com.br/post/env-vars-com-define-option/) - Otimize seu projeto Angular com a Define Option. Injete variáveis em build-time, crie feature flags seguras e reduza o tamanho do bundle com tree-shaking.
- [Angular 21: Zoneless, Signal Forms e Migrações](https://blog.codedimension.com.br/post/angular-21/) - Guia do Angular 21: Zoneless padrão, Signal Forms, Vitest estável, Angular Aria e as novas migrações para RouterTestingModule e CommonModule.
- [Angular: Quando usar Route Resolvers?](https://blog.codedimension.com.br/post/quando-usar-route-resolvers/) - Análise sobre usar Route Resolvers ou carregar dados no componente (ngOnInit, httpResource) no Angular. Entenda o impacto na UX e performance.
- [Angular Resource API: Reatividade Assíncrona com Signals](https://blog.codedimension.com.br/post/angular-resource-api-reatividade-assincrona-com-signals/) - Domine a Resource API do Angular para dados assíncronos reativos com Signals. Exemplos com resource, rxResource e httpResource.
- [Angular Model Input: Two-Way Data Binding Fácil](https://blog.codedimension.com.br/post/model-input/) - Descubra o model() input no Angular para facilitar o two-way data binding. Crie componentes interativos com código limpo e reativo usando signals.
- [Guia Prático para Dominar Flexbox](https://blog.codedimension.com.br/post/dominando-flexbox/) - Domine o CSS Flexbox com nosso guia completo. Aprenda a alinhar, centralizar e distribuir espaço entre elementos para construir layouts responsivos e modernos.
- [Imutabilidade com Signals: Performance no Angular](https://blog.codedimension.com.br/post/imutabilidade-com-angular-20/) - Garanta a performance e evite bugs no Angular dominando a imutabilidade. Entenda como atualizar arrays/objetos e por que ela é crucial para os Signals e Inputs.
- [Criando Formulários Reativos com Signal Forms](https://blog.codedimension.com.br/post/signal-forms/) - Aprenda a criar formulários reativos e modernos no Angular com Signal Forms. Guia completo com validações, schemas customizados e exemplos práticos.
- [Simplifique Imports Sass no Angular](https://blog.codedimension.com.br/post/simplifique-imports-sass-no-angular/) - Aprenda a usar stylePreprocessorOptions no angular.json para simplificar imports Sass, evitando caminhos relativos.
- [Facade Pattern com Angular](https://blog.codedimension.com.br/post/facade-pattern/) - Aprenda a aplicar o Facade Pattern no Angular para orquestrar múltiplos serviços. Simplifique seus componentes e melhore a arquitetura da sua aplicação.
- [Gerenciamento de Estado com Angular Signals](https://blog.codedimension.com.br/post/gerenciamento-estado-com-angular/) - Aprenda a gerenciar o estado em suas aplicações Angular. Explore soluções com Signals, RxJS e conheça bibliotecas como NgRx para projetos robustos.
- [Husky e Lint-staged: Código Limpo e Consistente no Angular](https://blog.codedimension.com.br/post/husky-lint-staged/) - Automatize a qualidade do seu código Angular. Use Husky e Lint-staged para rodar linters e formatadores antes de cada commit, garantindo um código limpo.
- [Arquitetura de pastas em Angular](https://blog.codedimension.com.br/post/estrutura-de-pastas-em-projetos-angular/) - Aprenda a criar uma arquitetura de pastas em Angular escalável e organizada. Use a abordagem de pastas com `core`, `features` e `shared` para otimizar seus projetos.
- [Inject Function e Injection Context no Angular](https://blog.codedimension.com.br/post/inject-function-e-injection-context/) - Aprenda a usar a função inject (inject function) do Angular e descubra o que é o Contexto de Injeção (injection context) e como injetar dependências de forma segura e moderna.
- [Smart e Dumb Components no Angular](https://blog.codedimension.com.br/post/smart-vs-dumb/) - Nesse artigo você entenderá o que é Smart e Dumb Components no Angular e como eles ajudam a manter o código organizado e escalável.
- [TypeScript Path Mapping no Angular](https://blog.codedimension.com.br/post/path-mapping/) - Aprenda a utilizar o TypeScript Path Mapping no Angular para otimizar suas importações e melhorar a manutenibilidade do código.
- [linkedSignal: reatividade inteligente](https://blog.codedimension.com.br/post/linked-signal/) - A linkedSignal chegou no Angular para revolucionar a forma como lidamos com estados dependentes em suas aplicações, trazendo uma flexibilidade muito necessária.
- [Trabalhando com datas em dotnet](https://blog.codedimension.com.br/post/trabalhando-com-datas-em-dotnet/) - Como utilizar datas, entendendo DateTime, DateOnly, TimeOnly.
- [Angular 20: Conheça as novidades!](https://blog.codedimension.com.br/post/angular-20/) - Descubra as novas funcionalidades e melhorias introduzidas no Angular 20, incluindo avanços em performance, novos recursos de desenvolvimento e otimizações para uma experiência de desenvolvimento ainda mais fluida e eficiente.
- [Compartilhamento de Recursos do Sass entre Componentes Angular](https://blog.codedimension.com.br/post/compartilhamento-recursos-do-sass/) - Nesse artigo você vai aprender como compartilhar recursos do Sass, como mixins, funções e variáveis entre componentes Angular
- [Utilizando guid em dotnet](https://blog.codedimension.com.br/post/utilizando-guid-em-dotnet/) - Entendendo a melhor de forma usar guid na plataforma .net sem afetar o banco de dados
- [Nx Release: Simplificando o versionamento de pacotes!](https://blog.codedimension.com.br/post/nx-release/) - Nx Release oferece uma solução poderosa para simplificar e automatizar o gerenciamento de releases de pacotes em monorepos que usam o Nx.
- [Angular 19.2: Reatividade com httpResource()](https://blog.codedimension.com.br/post/http-resource/) - A versão 19.2 do Angular trouxe um recurso muito interessante para o controle de requisições HTTP: o `httpResource`. Essa funcionalidade permite que você gerencie o estado das suas requisições de forma natural e dinâmica. Vamos explorar como ele funciona e como você pode utilizá-lo em suas aplicações.
- [Angular: O Framework Completo do Google](https://blog.codedimension.com.br/post/o-que-e-angular/) - Nesse artigo vamos aprender o que é Angular, sua história de criação, como ele funciona, todos os seus principais recursos e quais as principais empresas que confiam nessa tecnologia!
- [Angular vs. React em 2025: Qual Tecnologia Escolher?](https://blog.codedimension.com.br/post/angular-vs-react-2025/) - Angular e React é uma dúvida comum para quem busca ingressar na área de desenvolvimento front-end. Neste artigo, exploramos as características de cada tecnologia, suas vantagens e desvantagens, e como tomar a melhor decisão para seu caso.
- [Como testar Resolvers no Angular](https://blog.codedimension.com.br/post/como-testar-resolvers/) - Nesse artigo você vai aprender como testar Resolvers no Angular da forma mais confiável e eficiente possível.
- [Micro Frontends com Angular e Native Federation](https://blog.codedimension.com.br/post/micro-frontends-com-angular-e-native-deferation/) - Entenda como criar Micro Frontends com Angular e Native Federation
- [Como criar Resolvers no Angular](https://blog.codedimension.com.br/post/como-criar-resolvers/) - Nesse artigo você vai aprender o que são Resolvers no Angular e como criar e usar esse recurso que permite carregar dados durante o roteamento para um componente.
- [Suporte para Untagged Template Literals no Angular](https://blog.codedimension.com.br/post/untagged-template-literals/) - A versão mais recente do Angular, 19.2.0-next.0, introduz um recurso poderoso que os desenvolvedores vão adorar: suporte para Untagged Template Literals em expressões.
- [Como criar Initializers no Angular](https://blog.codedimension.com.br/post/como-criar-initializers/) - Nesse artigo você vai aprender o que são Initializers no Angular e como você pode criar, usar e testar esse recurso que permite construir rotinas poderosas dentro da sua aplicação.
- [Como testar Interceptors no Angular](https://blog.codedimension.com.br/post/como-testar-interceptors/) - Nesse artigo você vai aprender como testar Interceptors no Angular da forma mais confiável e eficiente possível.
- [Como usar Interceptors no Angular](https://blog.codedimension.com.br/post/como-usar-interceptors/) - Nesse artigo você vai aprender o que são Interceptors no Angular e como utilizar esse recurso para interceptar e manipular as requisições HTTP.
- [Angular 19: Conheça as novidades!](https://blog.codedimension.com.br/post/angular-19/) - Angular 19 está trazendo Incremental Hydration, Event Replay por padrão, SSR sem Zone.js e outras novidades!
- [Angular 19: Conheça a nova Resource API](https://blog.codedimension.com.br/post/resource-api/) - Angular 19 vai introduzir uma nova funcionalidade chamada Resource API para carregar recursos. Isso permitirá recuperar dados de um servidor HTTP remoto, monitorar o status da requisição e atualizar os dados localmente quando necessário.
- [Aplicando Princípios de Orientação a Objetos com Angular](https://blog.codedimension.com.br/post/oo-principles-in-angular/) - Este artigo explora como aplicar os princípios da Programação Orientada a Objetos (OO) no desenvolvimento com Angular, oferecendo insights e exemplos práticos.
- [Conheça o novo operador @let do Angular 18](https://blog.codedimension.com.br/post/let-syntax/) - Saiba mais sobre o novo operador @let do Angular 18, que traz uma nova forma de definir variáveis dentro de um componente.
- [Angular 17.1: Signal Input chegou!](https://blog.codedimension.com.br/post/signal-inputs/) - Angular 17.1 traz Signal Inputs! Uma nova forma de definir Inputs em componentes e diretivas dentro do framework
- [Implementando o padrão Facade em Aplicações Angular](https://blog.codedimension.com.br/post/implementando-facade-patten-com-angular/) - Simplifique sua codificação e eleve a qualidade das suas aplicações em apenas alguns passos!
- [Angular 17: Conheça a nova Control Flow Syntax](https://blog.codedimension.com.br/post/conheca-control-flow-syntax/) - Angular 17  está trazendo a nova Control Flow Syntax que promete revolucionar a forma como você pode escrever aplicações Front-End!
- [Signals: O que é e como utilizar](https://blog.codedimension.com.br/post/signals-o-que-e-como-utilizar/) - Entenda como usar essa maravilhosa funcionalidade do Angular 16