<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
  <channel>
    <title>Javascript on Tiago Costa</title>
    <link>https://tiagoscosta.tpps.com.br/tags/javascript/</link>
    <description>Recent content in Javascript on Tiago Costa</description>
    <generator>Hugo</generator>
    <language>pt-br</language>
    <lastBuildDate>Tue, 16 Dec 2025 18:20:00 +0000</lastBuildDate>
    <atom:link href="https://tiagoscosta.tpps.com.br/tags/javascript/index.xml" rel="self" type="application/rss+xml" />
    <item>
      <title>🚀 Rotas Simplificadas: O Fim do AppModule no Angular Standalone</title>
      <link>https://tiagoscosta.tpps.com.br/posts/-rotas-simplificadas-o-fim-do-appmodule-no-angular-standalone/</link>
      <pubDate>Tue, 16 Dec 2025 18:20:00 +0000</pubDate>
      <guid>https://tiagoscosta.tpps.com.br/posts/-rotas-simplificadas-o-fim-do-appmodule-no-angular-standalone/</guid>
      <description>&lt;p&gt;A introdução dos &lt;strong&gt;Standalone Components&lt;/strong&gt; no Angular (a partir da versão 14 e totalmente adotada na v17+) trouxe uma transformação não apenas na estrutura dos componentes, mas também na maneira como configuramos o roteamento da aplicação.&lt;/p&gt;&#xA;&lt;p&gt;Se antes éramos obrigados a gerenciar múltiplos arquivos de módulo (&lt;code&gt;AppModule&lt;/code&gt;, &lt;code&gt;AppRoutingModule&lt;/code&gt;, &lt;em&gt;Feature Modules&lt;/em&gt;), hoje, podemos configurar todo o &lt;em&gt;routing&lt;/em&gt; diretamente no ponto de &lt;em&gt;bootstrap&lt;/em&gt; da aplicação.&lt;/p&gt;&#xA;&lt;h2 id=&#34;-o-modelo-de-roteamento-tradicional-com-ngmodules&#34;&gt;&#xA;  🧐 O Modelo de Roteamento Tradicional (Com NgModules)&#xA;  &lt;a class=&#34;heading-link&#34; href=&#34;#-o-modelo-de-roteamento-tradicional-com-ngmodules&#34;&gt;&#xA;    &lt;i class=&#34;fa-solid fa-link&#34; aria-hidden=&#34;true&#34; title=&#34;Link para o cabeçalho&#34;&gt;&lt;/i&gt;&#xA;    &lt;span class=&#34;sr-only&#34;&gt;Link para o cabeçalho&lt;/span&gt;&#xA;  &lt;/a&gt;&#xA;&lt;/h2&gt;&#xA;&lt;p&gt;Historicamente, o roteamento no Angular exigia, no mínimo, três arquivos para funcionar corretamente:&lt;/p&gt;</description>
    </item>
    <item>
      <title>📝 Angular: A Revolução Standalone vs. a Tradição Module</title>
      <link>https://tiagoscosta.tpps.com.br/posts/-angular-a-revolu%C3%A7%C3%A3o-standalone-vs-a-tradi%C3%A7%C3%A3o-module/</link>
      <pubDate>Tue, 16 Dec 2025 17:45:00 +0000</pubDate>
      <guid>https://tiagoscosta.tpps.com.br/posts/-angular-a-revolu%C3%A7%C3%A3o-standalone-vs-a-tradi%C3%A7%C3%A3o-module/</guid>
      <description>&lt;p&gt;Desde o Angular 14, os &lt;strong&gt;Standalone Components&lt;/strong&gt; (Componentes Autônomos) têm simplificado a forma como as aplicações são estruturadas, oferecendo uma alternativa mais leve e direta aos tradicionais &lt;strong&gt;NgModules&lt;/strong&gt;. Este artigo detalha as diferenças conceituais e mostra exemplos práticos de como migrar de um componente baseado em módulo para a nova abordagem autônoma.&lt;/p&gt;&#xA;&lt;hr&gt;&#xA;&lt;h2 id=&#34;-o-modelo-tradicional-ngmodules&#34;&gt;&#xA;  🧐 O Modelo Tradicional: NgModules&#xA;  &lt;a class=&#34;heading-link&#34; href=&#34;#-o-modelo-tradicional-ngmodules&#34;&gt;&#xA;    &lt;i class=&#34;fa-solid fa-link&#34; aria-hidden=&#34;true&#34; title=&#34;Link para o cabeçalho&#34;&gt;&lt;/i&gt;&#xA;    &lt;span class=&#34;sr-only&#34;&gt;Link para o cabeçalho&lt;/span&gt;&#xA;  &lt;/a&gt;&#xA;&lt;/h2&gt;&#xA;&lt;p&gt;O &lt;code&gt;NgModule&lt;/code&gt; é o pilar da arquitetura Angular há anos. Ele atua como um &lt;strong&gt;contêiner de metadados&lt;/strong&gt; que organiza e conecta partes coesas de sua aplicação.&lt;/p&gt;</description>
    </item>
  </channel>
</rss>
