<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Hammad Zahoor</title>
    <description>The latest articles on DEV Community by Hammad Zahoor (@hammad_zahoor).</description>
    <link>https://dev.to/hammad_zahoor</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F2769128%2Fadf8198a-8171-414f-8278-f536e7b9988e.jpg</url>
      <title>DEV Community: Hammad Zahoor</title>
      <link>https://dev.to/hammad_zahoor</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/hammad_zahoor"/>
    <language>en</language>
    <item>
      <title>Critical Security Vulnerability Found in React Server Components (RSC)</title>
      <dc:creator>Hammad Zahoor</dc:creator>
      <pubDate>Fri, 05 Dec 2025 15:01:44 +0000</pubDate>
      <link>https://dev.to/hammad_zahoor/critical-security-vulnerability-found-in-react-server-components-rsc-b82</link>
      <guid>https://dev.to/hammad_zahoor/critical-security-vulnerability-found-in-react-server-components-rsc-b82</guid>
      <description>&lt;p&gt;A significant security flaw has been discovered in React Server Components (RSC), affecting thousands of applications built with React 19 and the Next.js App Router. The issue arises from unsafe deserialization within the RSC “Flight” protocol, which allows attackers to inject malicious payloads, potentially leading to Remote Code Execution (RCE).&lt;/p&gt;

&lt;h3&gt;
  
  
  Why This Matters
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;RSC is fundamental to React’s modern architecture.&lt;/li&gt;
&lt;li&gt;Many applications utilise RSC without realising the associated backend risks.&lt;/li&gt;
&lt;li&gt;Even new projects created with &lt;code&gt;create-next-app&lt;/code&gt; can be vulnerable.&lt;/li&gt;
&lt;li&gt;The flaw impacts core RSC packages in React 19.&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  What Developers Should Do
&lt;/h3&gt;

&lt;ol&gt;
&lt;li&gt;Upgrade React to versions 19.0.1, 19.1.2, or 19.2.1.&lt;/li&gt;
&lt;li&gt;Update Next.js to the latest patched versions (15/16).&lt;/li&gt;
&lt;li&gt;Audit and secure any RSC-related server endpoints.&lt;/li&gt;
&lt;li&gt;Monitor logs for suspicious RSC traffic.&lt;/li&gt;
&lt;/ol&gt;

&lt;h3&gt;
  
  
  Final Thoughts
&lt;/h3&gt;

&lt;p&gt;Framework-level vulnerabilities like this highlight the diminishing line between frontend and backend responsibilities. As React continues to evolve, developers must remain vigilant about security.&lt;/p&gt;

&lt;p&gt;If React or Next.js is part of your technology stack, update immediately and use this as a reminder to prioritise dependency security.&lt;/p&gt;

</description>
      <category>react</category>
      <category>news</category>
      <category>nextjs</category>
      <category>security</category>
    </item>
    <item>
      <title>A practical guide on building reusable React card components using styled-components. It covers component structure, dynamic props, styling, and creating a clean, responsive UI layout.</title>
      <dc:creator>Hammad Zahoor</dc:creator>
      <pubDate>Fri, 05 Dec 2025 12:19:24 +0000</pubDate>
      <link>https://dev.to/hammad_zahoor/a-practical-guide-on-building-reusable-react-card-components-using-styled-components-it-covers-3cno</link>
      <guid>https://dev.to/hammad_zahoor/a-practical-guide-on-building-reusable-react-card-components-using-styled-components-it-covers-3cno</guid>
      <description>&lt;div class="ltag__link"&gt;
  &lt;a href="/hashirkhan" class="ltag__link__link"&gt;
    &lt;div class="ltag__link__pic"&gt;
      &lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3556137%2F24c5e2b2-7378-4d04-a37c-cdee8b33eb37.jpg" alt="hashirkhan"&gt;
    &lt;/div&gt;
  &lt;/a&gt;
  &lt;a href="https://dev.to/hashirkhan/building-reusable-react-card-components-with-styled-components-2kk5" class="ltag__link__link"&gt;
    &lt;div class="ltag__link__content"&gt;
      &lt;h2&gt;Building Reusable React Card Components with Styled Components&lt;/h2&gt;
      &lt;h3&gt;Hashir Khan ・ Oct 9&lt;/h3&gt;
      &lt;div class="ltag__link__taglist"&gt;
        &lt;span class="ltag__link__tag"&gt;#programming&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#reactcards&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#react&lt;/span&gt;
        &lt;span class="ltag__link__tag"&gt;#frontend&lt;/span&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/a&gt;
&lt;/div&gt;


</description>
      <category>programming</category>
      <category>reactcards</category>
      <category>react</category>
      <category>frontend</category>
    </item>
    <item>
      <title>First Blog</title>
      <dc:creator>Hammad Zahoor</dc:creator>
      <pubDate>Mon, 07 Apr 2025 11:08:24 +0000</pubDate>
      <link>https://dev.to/hammad_zahoor/first-blog-2mmn</link>
      <guid>https://dev.to/hammad_zahoor/first-blog-2mmn</guid>
      <description>&lt;p&gt;Hi, my name is Hammad Zahoor. This is the first time I am writing a blog for myself. I will post blogs related to my life and my job. Let's see what I can do.&lt;/p&gt;

</description>
      <category>firstpost</category>
      <category>firstblog</category>
    </item>
  </channel>
</rss>
