<?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>Forem: Muhammad Awais Khan</title>
    <description>The latest articles on Forem by Muhammad Awais Khan (@askhan963).</description>
    <link>https://forem.com/askhan963</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%2F2141969%2Fd4204321-e84f-48cc-bebd-504605f62113.jpeg</url>
      <title>Forem: Muhammad Awais Khan</title>
      <link>https://forem.com/askhan963</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://forem.com/feed/askhan963"/>
    <language>en</language>
    <item>
      <title>⚛️ React keeps evolving - and with it, the way we build smooth, responsive UIs</title>
      <dc:creator>Muhammad Awais Khan</dc:creator>
      <pubDate>Wed, 01 Oct 2025 12:28:38 +0000</pubDate>
      <link>https://forem.com/askhan963/react-keeps-evolving-and-with-it-the-way-we-build-smooth-responsive-uis-1bd4</link>
      <guid>https://forem.com/askhan963/react-keeps-evolving-and-with-it-the-way-we-build-smooth-responsive-uis-1bd4</guid>
      <description>&lt;p&gt;In the past, every keystroke in a search box would trigger &lt;strong&gt;heavy filtering immediately&lt;/strong&gt;, leading to:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Laggy input&lt;/li&gt;
&lt;li&gt;High resource usage&lt;/li&gt;
&lt;li&gt;Frustrating delays for users&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="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%2Farticles%2Faacym3vip8a7o8rntfbg.jpeg" class="article-body-image-wrapper"&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%2Farticles%2Faacym3vip8a7o8rntfbg.jpeg" alt="Old Approach" width="800" height="572"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Now with &lt;strong&gt;&lt;code&gt;useTransition&lt;/code&gt; + &lt;code&gt;useDeferredValue&lt;/code&gt;&lt;/strong&gt;, React lets us:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Keep typing snappy (urgent updates are instant)&lt;/li&gt;
&lt;li&gt;Run expensive filtering in the background&lt;/li&gt;
&lt;li&gt;Scale better with large lists&lt;/li&gt;
&lt;li&gt;Deliver fluid, responsive user experiences&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="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%2Farticles%2Fvngtcz9knxynx76zpyrg.jpeg" class="article-body-image-wrapper"&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%2Farticles%2Fvngtcz9knxynx76zpyrg.jpeg" alt="New Approach" width="800" height="697"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;This small shift in how we handle state updates is a &lt;strong&gt;game-changer&lt;/strong&gt; for building modern, data-heavy apps.&lt;/p&gt;

&lt;p&gt;Have you tried these hooks in your projects yet? I’d love to hear your thoughts 👇&lt;/p&gt;

&lt;h1&gt;
  
  
  ReactJS #ReactHooks #WebDevelopment #Frontend #JavaScript #Performance #UIUX #CodingTips #useTransition #useDeferredValue
&lt;/h1&gt;

</description>
      <category>webdev</category>
      <category>react</category>
      <category>javascript</category>
      <category>frontend</category>
    </item>
    <item>
      <title>My Journey as a CS Graduate to a MERN Stack Developer</title>
      <dc:creator>Muhammad Awais Khan</dc:creator>
      <pubDate>Tue, 01 Oct 2024 03:34:00 +0000</pubDate>
      <link>https://forem.com/askhan963/my-journey-as-a-cs-graduate-to-a-mern-stack-developer-cgh</link>
      <guid>https://forem.com/askhan963/my-journey-as-a-cs-graduate-to-a-mern-stack-developer-cgh</guid>
      <description>&lt;h2&gt;
  
  
  Introduction
&lt;/h2&gt;

&lt;p&gt;Hi, I'm Awais Khan—a Computer Science graduate passionate about building scalable and efficient web applications. I thrive in dynamic, fast-paced environments and love using modern web technologies to solve real-world problems. In this blog, I'll share my journey from a curious student to a MERN Stack developer, touching on my experiences, challenges, and growth along the way.&lt;/p&gt;

&lt;h2&gt;
  
  
  Getting Under Way
&lt;/h2&gt;

&lt;p&gt;My entrance to web development had come in the 4th semester of my graduation, where I took some introductory courses. I felt that the study of web development was quite interesting and facile. The fact that just a few lines of code were able to create something visible and interactive, was exciting and addictive. Soon, deeper into the concepts of web technologies and eventually finding myself exploring the MERN Stack, which gave me the power to create complete web applications from front to back.&lt;/p&gt;

&lt;h2&gt;
  
  
  The Learning Curve
&lt;/h2&gt;

&lt;p&gt;Most of what I know about the MERN Stack, I've learned from YouTube tutorials. But every single thing that I have learned, I have tried to implement. My main motto was building projects. With that, I wanted to solidify my knowledge by personally creating it. Thus, through experimentation, I learned React, Node, Express, and MongoDB—converting theory into practice.&lt;/p&gt;

&lt;h2&gt;
  
  
  First Project
&lt;/h2&gt;

&lt;p&gt;My first major project was a MERN Stack Netflix clone. I vaguely knew MongoDB and Express then, while feeling relatively comfortable with React. So, I dived into the development, learning back-end development as I went along, facing challenges and mistakes until I finally got it right. Finally, I was able to complete the project and got an A grade in Lab. &lt;/p&gt;

&lt;h4&gt;
  
  
  Pretty big for me:
&lt;/h4&gt;

&lt;p&gt;_&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;I can create full-stack applications from scratch.&lt;br&gt;
_&lt;/p&gt;
&lt;/blockquote&gt;

&lt;h2&gt;
  
  
  Current Experience
&lt;/h2&gt;

&lt;p&gt;Now, I have gained more than a year of experience working as a MERN Stack Developer. My work involves updated technologies like TypeScript, Next.js, and Nest.js. It's all about keeping updated, learning, and adapting to new trends in the tech industry.&lt;/p&gt;

&lt;h2&gt;
  
  
  Advice for New Developers
&lt;/h2&gt;

&lt;p&gt;The advice I will give to people starting off with development is pretty simple:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;strong&gt;Start Building Projects:&lt;/strong&gt; Begin by making things, no matter how small. Practical experience is key to understanding development concepts.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Learn by Doing:&lt;/strong&gt; The best way to learn web development is through hands-on work. Apply what you learn by creating real projects.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Experiment and Make Mistakes:&lt;/strong&gt; Don’t aim for perfection. Stay curious, experiment, and embrace mistakes—they're crucial to learning.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Use Tutorials Wisely:&lt;/strong&gt; Tutorials can provide foundational knowledge, but focus on applying what you learn by building your own projects.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Take Small, Manageable Steps:&lt;/strong&gt; Break down complex projects into smaller, more manageable tasks. This helps you make steady progress and learn effectively.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Choose Projects That Matter to You:&lt;/strong&gt; Pick projects that you’re interested in. Passion projects keep you motivated and make the learning process more enjoyable.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;See Challenges as Learning Opportunities:&lt;/strong&gt; Each problem you face while building is a chance to learn something new. Don’t get discouraged by challenges; use them to grow your skills.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;By following these steps, you'll gain practical experience, deepen your understanding, and continuously improve as a developer.&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>javascript</category>
      <category>beginners</category>
      <category>programming</category>
    </item>
  </channel>
</rss>
