<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
  <channel>
    <title>Diego Telles — Blog</title>
    <link>http://localhost:3000</link>
    <description>Artigos sobre desenvolvimento web, React, Next.js e mais.</description>
    <language>pt-BR</language>
    <atom:link href="http://localhost:3000/feed.xml" rel="self" type="application/rss+xml"/>
    
    <item>
      <title><![CDATA[Monitoramento: Medindo o que Importa em Produção]]></title>
      <link>http://localhost:3000/blog/performance-frontend-monitoramento</link>
      <guid isPermaLink="true">http://localhost:3000/blog/performance-frontend-monitoramento</guid>
      <description><![CDATA[Como coletar Core Web Vitals de usuários reais com a web-vitals library, Performance Observer, RUM, e como integrar performance ao seu pipeline de CI/CD.]]></description>
      <pubDate>Sat, 10 Feb 2024 00:00:00 GMT</pubDate>
    </item>
    <item>
      <title><![CDATA[DevTools: Explorando a Performance no Navegador]]></title>
      <link>http://localhost:3000/blog/performance-frontend-devtools</link>
      <guid isPermaLink="true">http://localhost:3000/blog/performance-frontend-devtools</guid>
      <description><![CDATA[Um guia prático do Chrome DevTools para performance: Performance panel, flame graph, Network waterfall, Memory, Coverage e Lighthouse integrado.]]></description>
      <pubDate>Sat, 20 Jan 2024 00:00:00 GMT</pubDate>
    </item>
    <item>
      <title><![CDATA[Diferenças entre React Native e Flutter]]></title>
      <link>http://localhost:3000/blog/diferencas-entre-react-native-e-flutter</link>
      <guid isPermaLink="true">http://localhost:3000/blog/diferencas-entre-react-native-e-flutter</guid>
      <description><![CDATA[React Native e Flutter são duas estruturas de desenvolvimento de aplicativos móveis que têm abordagens diferentes, mas ambos são populares por permitirem o desenvolvimento de aplicativos para iOS e Android a partir de uma única base de código.]]></description>
      <pubDate>Fri, 05 Jan 2024 00:00:00 GMT</pubDate>
    </item>
    <item>
      <title><![CDATA[CSS: Critical Path e Layout Thrashing]]></title>
      <link>http://localhost:3000/blog/performance-frontend-css</link>
      <guid isPermaLink="true">http://localhost:3000/blog/performance-frontend-css</guid>
      <description><![CDATA[Como o browser renderiza CSS, o que é o critical rendering path, como evitar layout thrashing e como escrever animações que não travam a tela.]]></description>
      <pubDate>Sat, 30 Dec 2023 00:00:00 GMT</pubDate>
    </item>
    <item>
      <title><![CDATA[JavaScript: Seu Bundle Está Pesado Demais]]></title>
      <link>http://localhost:3000/blog/performance-frontend-javascript</link>
      <guid isPermaLink="true">http://localhost:3000/blog/performance-frontend-javascript</guid>
      <description><![CDATA[Como analisar o tamanho do seu bundle, implementar code splitting, tree shaking e usar React.lazy com Suspense para reduzir o JS que chega ao usuário.]]></description>
      <pubDate>Tue, 12 Dec 2023 00:00:00 GMT</pubDate>
    </item>
    <item>
      <title><![CDATA[Entrega & Rendering: CDN, Lazy Loading e Estratégias de Render]]></title>
      <link>http://localhost:3000/blog/performance-frontend-entrega</link>
      <guid isPermaLink="true">http://localhost:3000/blog/performance-frontend-entrega</guid>
      <description><![CDATA[Como CDN, caching, SSR, SSG, ISR, lazy loading, resource hints, compressão e fontes afetam a performance de entrega do seu frontend.]]></description>
      <pubDate>Sun, 19 Nov 2023 00:00:00 GMT</pubDate>
    </item>
    <item>
      <title><![CDATA[Core Web Vitals: LCP, INP e CLS na Prática]]></title>
      <link>http://localhost:3000/blog/performance-frontend-core-web-vitals</link>
      <guid isPermaLink="true">http://localhost:3000/blog/performance-frontend-core-web-vitals</guid>
      <description><![CDATA[Entenda como cada Core Web Vital é calculado, quais são os thresholds, o que os move e como identificar e corrigir problemas reais.]]></description>
      <pubDate>Tue, 24 Oct 2023 00:00:00 GMT</pubDate>
    </item>
    <item>
      <title><![CDATA[Fundamentos: O que é Performance e por que Importa]]></title>
      <link>http://localhost:3000/blog/performance-frontend-fundamentos</link>
      <guid isPermaLink="true">http://localhost:3000/blog/performance-frontend-fundamentos</guid>
      <description><![CDATA[Entenda o impacto real da performance no negócio, o que é o above the fold e as métricas que você precisa conhecer antes de otimizar qualquer coisa.]]></description>
      <pubDate>Mon, 02 Oct 2023 00:00:00 GMT</pubDate>
    </item>
    <item>
      <title><![CDATA[Design System: do caos à consistência]]></title>
      <link>http://localhost:3000/blog/design-system</link>
      <guid isPermaLink="true">http://localhost:3000/blog/design-system</guid>
      <description><![CDATA[Como um Design System resolve o problema de escalar interfaces com equipes grandes — e por que ele não é só uma biblioteca de componentes.]]></description>
      <pubDate>Wed, 20 Sep 2023 00:00:00 GMT</pubDate>
    </item>
    <item>
      <title><![CDATA[CSSOM: O que é e como funciona?]]></title>
      <link>http://localhost:3000/blog/cssom</link>
      <guid isPermaLink="true">http://localhost:3000/blog/cssom</guid>
      <description><![CDATA[Compreendendo o Modelo de Objeto CSS]]></description>
      <pubDate>Mon, 18 Sep 2023 00:00:00 GMT</pubDate>
    </item>
    <item>
      <title><![CDATA[Arquitetura GraphQL]]></title>
      <link>http://localhost:3000/blog/arch-graphql</link>
      <guid isPermaLink="true">http://localhost:3000/blog/arch-graphql</guid>
      <description><![CDATA[Flexibilidade e Eficiência na Comunicação de Dados com GraphQL]]></description>
      <pubDate>Fri, 18 Aug 2023 00:00:00 GMT</pubDate>
    </item>
    <item>
      <title><![CDATA[Arquitetura de estilos (CSS)]]></title>
      <link>http://localhost:3000/blog/arch-of-styles</link>
      <guid isPermaLink="true">http://localhost:3000/blog/arch-of-styles</guid>
      <description><![CDATA[Comparação das principais abordagens de arquitetura de CSS: CSS Básico, BEM e ACSS - Descubra qual é a melhor para o seu projeto]]></description>
      <pubDate>Wed, 16 Aug 2023 00:00:00 GMT</pubDate>
    </item>
    <item>
      <title><![CDATA[Arquitetura REST]]></title>
      <link>http://localhost:3000/blog/arch-rest</link>
      <guid isPermaLink="true">http://localhost:3000/blog/arch-rest</guid>
      <description><![CDATA[Entenda o que é REST, como os seus princípios moldam APIs modernas, e por que o protocolo HTTP é muito mais do que GET e POST.]]></description>
      <pubDate>Tue, 15 Aug 2023 00:00:00 GMT</pubDate>
    </item>
    <item>
      <title><![CDATA[Arquitetura RPC]]></title>
      <link>http://localhost:3000/blog/arch-rpc</link>
      <guid isPermaLink="true">http://localhost:3000/blog/arch-rpc</guid>
      <description><![CDATA[Um pequeno/grande overview por essa arquitetura]]></description>
      <pubDate>Fri, 11 Aug 2023 00:00:00 GMT</pubDate>
    </item>
    <item>
      <title><![CDATA[Conventional Commits: Padronizando Mensagens de Commit para Melhor Gerenciamento de Versões]]></title>
      <link>http://localhost:3000/blog/conventional-commits-padronizando-mensagens-de-commit</link>
      <guid isPermaLink="true">http://localhost:3000/blog/conventional-commits-padronizando-mensagens-de-commit</guid>
      <description><![CDATA[Saiba como commitar seu código de forma padronizada e organizada, facilitando a rastreabilidade das alterações e a geração automática de notas de lançamento e changelogs.]]></description>
      <pubDate>Wed, 24 May 2023 00:00:00 GMT</pubDate>
    </item>
    <item>
      <title><![CDATA[Por que arquitetura importa no frontend?]]></title>
      <link>http://localhost:3000/blog/arch-css-and-more</link>
      <guid isPermaLink="true">http://localhost:3000/blog/arch-css-and-more</guid>
      <description><![CDATA[Decisões arquiteturais determinam a manutenibilidade do seu código por anos. Entenda como pensar em arquitetura no contexto do desenvolvimento frontend.]]></description>
      <pubDate>Mon, 15 May 2023 00:00:00 GMT</pubDate>
    </item>
    <item>
      <title><![CDATA[ITCSS: A Metodologia para Organizar e Estruturar seus Arquivos CSS de Forma Eficiente]]></title>
      <link>http://localhost:3000/blog/itcss-metodologia-para-organizar-e-estruturar-seus-arquivos</link>
      <guid isPermaLink="true">http://localhost:3000/blog/itcss-metodologia-para-organizar-e-estruturar-seus-arquivos</guid>
      <description><![CDATA[Como essa metodologia pode ajudar a lidar com a complexidade de projetos de CSS grandes e complexos.]]></description>
      <pubDate>Mon, 15 May 2023 00:00:00 GMT</pubDate>
    </item>
    <item>
      <title><![CDATA[CSS Básico, BEM e ACSS: qual arquitetura usar no seu projeto?]]></title>
      <link>http://localhost:3000/blog/comparacao-das-principais-abordagens-de-arquitetura-css</link>
      <guid isPermaLink="true">http://localhost:3000/blog/comparacao-das-principais-abordagens-de-arquitetura-css</guid>
      <description><![CDATA[Entenda as diferenças entre CSS Básico, BEM e CSS Atômico (ACSS) — com exemplos visuais interativos para escolher a abordagem certa para cada contexto.]]></description>
      <pubDate>Thu, 11 May 2023 00:00:00 GMT</pubDate>
    </item>
    <item>
      <title><![CDATA[Web Components para design system?]]></title>
      <link>http://localhost:3000/blog/web-components-para-design-system</link>
      <guid isPermaLink="true">http://localhost:3000/blog/web-components-para-design-system</guid>
      <description><![CDATA[O que são Web Components e como eles podem ser usados para criar um design system?]]></description>
      <pubDate>Thu, 11 May 2023 00:00:00 GMT</pubDate>
    </item>
    <item>
      <title><![CDATA[Como testes de carga impactam na performance front-end?]]></title>
      <link>http://localhost:3000/blog/como-testes-de-carga-impactam-na-performance-front-end</link>
      <guid isPermaLink="true">http://localhost:3000/blog/como-testes-de-carga-impactam-na-performance-front-end</guid>
      <description><![CDATA[Entenda os impactos dos testes de carga na performance front-end de um site ou aplicativo web e saiba como minimizá-los.]]></description>
      <pubDate>Thu, 23 Feb 2023 00:00:00 GMT</pubDate>
    </item>
    <item>
      <title><![CDATA[Vite vs CRA: Quem leva a melhor?]]></title>
      <link>http://localhost:3000/blog/vite-vs-cra-quem-leva-melhor</link>
      <guid isPermaLink="true">http://localhost:3000/blog/vite-vs-cra-quem-leva-melhor</guid>
      <description><![CDATA[Qual escolher para o seu projeto?]]></description>
      <pubDate>Thu, 23 Feb 2023 00:00:00 GMT</pubDate>
    </item>
    <item>
      <title><![CDATA[O que acontece com o StrictMode no React?]]></title>
      <link>http://localhost:3000/blog/o-que-acontece-com-strictmode</link>
      <guid isPermaLink="true">http://localhost:3000/blog/o-que-acontece-com-strictmode</guid>
      <description><![CDATA[Entenda por que o React monta seus componentes duas vezes em modo de desenvolvimento, o que o StrictMode detecta, e como ele te protege de bugs que só aparecem em produção.]]></description>
      <pubDate>Wed, 16 Nov 2022 00:00:00 GMT</pubDate>
    </item>
    <item>
      <title><![CDATA[Display Grid: O Guia Completo e Interativo]]></title>
      <link>http://localhost:3000/blog/display-grid-guia-completo</link>
      <guid isPermaLink="true">http://localhost:3000/blog/display-grid-guia-completo</guid>
      <description><![CDATA[Aprenda CSS Grid do zero ao avançado com exemplos visuais interativos — defina trilhas, posicione itens e crie layouts complexos em tempo real.]]></description>
      <pubDate>Mon, 22 Aug 2022 00:00:00 GMT</pubDate>
    </item>
    <item>
      <title><![CDATA[Display Flex: O Guia Completo e Interativo]]></title>
      <link>http://localhost:3000/blog/display-flex-guia-completo</link>
      <guid isPermaLink="true">http://localhost:3000/blog/display-flex-guia-completo</guid>
      <description><![CDATA[Aprenda Flexbox do zero ao avançado com exemplos visuais interativos — mexa nos controles e veja o resultado em tempo real.]]></description>
      <pubDate>Tue, 28 Jun 2022 00:00:00 GMT</pubDate>
    </item>
    <item>
      <title><![CDATA[CSS Custom Properties: O Guia Completo e Interativo]]></title>
      <link>http://localhost:3000/blog/css-custom-properties</link>
      <guid isPermaLink="true">http://localhost:3000/blog/css-custom-properties</guid>
      <description><![CDATA[Domine as variáveis CSS — declare, herde, sobrescreva e use em JavaScript com exemplos interativos em tempo real.]]></description>
      <pubDate>Mon, 09 May 2022 00:00:00 GMT</pubDate>
    </item>
    <item>
      <title><![CDATA[CSS Selectors & Especificidade: O Guia Completo e Interativo]]></title>
      <link>http://localhost:3000/blog/css-selectors-especificidade</link>
      <guid isPermaLink="true">http://localhost:3000/blog/css-selectors-especificidade</guid>
      <description><![CDATA[Domine todos os tipos de seletores CSS e entenda como a especificidade determina qual regra vence — com calculadora interativa em tempo real.]]></description>
      <pubDate>Tue, 12 Apr 2022 00:00:00 GMT</pubDate>
    </item>
    <item>
      <title><![CDATA[CSS Animations & Transitions: O Guia Completo e Interativo]]></title>
      <link>http://localhost:3000/blog/css-animacoes-transicoes</link>
      <guid isPermaLink="true">http://localhost:3000/blog/css-animacoes-transicoes</guid>
      <description><![CDATA[Aprenda a criar transições suaves e animações CSS — controle timing, easing e keyframes com exemplos interativos em tempo real.]]></description>
      <pubDate>Mon, 07 Mar 2022 00:00:00 GMT</pubDate>
    </item>
    <item>
      <title><![CDATA[CSS Positioning: O Guia Completo e Interativo]]></title>
      <link>http://localhost:3000/blog/css-positioning</link>
      <guid isPermaLink="true">http://localhost:3000/blog/css-positioning</guid>
      <description><![CDATA[Domine position relative, absolute, fixed e sticky — entenda contextos de posicionamento e z-index com exemplos visuais interativos.]]></description>
      <pubDate>Thu, 03 Feb 2022 00:00:00 GMT</pubDate>
    </item>
    <item>
      <title><![CDATA[CSS Box Model: O Guia Completo e Interativo]]></title>
      <link>http://localhost:3000/blog/css-box-model</link>
      <guid isPermaLink="true">http://localhost:3000/blog/css-box-model</guid>
      <description><![CDATA[Entenda como content, padding, border e margin formam o modelo de caixa do CSS — e por que box-sizing: border-box muda tudo.]]></description>
      <pubDate>Mon, 10 Jan 2022 00:00:00 GMT</pubDate>
    </item>
  </channel>
</rss>