<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0" xmlns:cc="http://cyber.law.harvard.edu/rss/creativeCommonsRssModule.html">
    <channel>
        <title><![CDATA[Stories by Shahid Bahadur on Medium]]></title>
        <description><![CDATA[Stories by Shahid Bahadur on Medium]]></description>
        <link>https://medium.com/@shahidyousafxai?source=rss-a2a10947e988------2</link>
        <image>
            <url>https://cdn-images-1.medium.com/fit/c/150/150/1*CzBIDKIfZlYiAdCrr1yt5w.jpeg</url>
            <title>Stories by Shahid Bahadur on Medium</title>
            <link>https://medium.com/@shahidyousafxai?source=rss-a2a10947e988------2</link>
        </image>
        <generator>Medium</generator>
        <lastBuildDate>Sat, 14 Nov 2026 13:48:55 GMT</lastBuildDate>
        <atom:link href="https://medium.com/@shahidyousafxai/feed" rel="self" type="application/rss+xml"/>
        <webMaster><![CDATA[yourfriends@medium.com]]></webMaster>
        <atom:link href="http://medium.superfeedr.com/" rel="hub"/>
        <item>
            <title><![CDATA[6 Best AI Tools for Software Engineers in 2026 (Compared)]]></title>
            <description><![CDATA[<div class="medium-feed-item"><p class="medium-feed-image"><a href="https://shahidyousafxai.medium.com/6-best-ai-tools-for-software-engineers-in-2026-compared-ddb8992886d2?source=rss-a2a10947e988------2"><img src="https://cdn-images-1.medium.com/max/1536/1*gGldf-aWBPpS11vTV4p9Pg.png" width="1536"></a></p><p class="medium-feed-snippet">AI has become a daily part of software development. Whether you&#x2019;re debugging code, refactoring a large project, or building a beautiful UI&#x2026;</p><p class="medium-feed-link"><a href="https://shahidyousafxai.medium.com/6-best-ai-tools-for-software-engineers-in-2026-compared-ddb8992886d2?source=rss-a2a10947e988------2">Continue reading on Medium »</a></p></div>]]></description>
            <link>https://shahidyousafxai.medium.com/6-best-ai-tools-for-software-engineers-in-2026-compared-ddb8992886d2?source=rss-a2a10947e988------2</link>
            <guid isPermaLink="false">https://medium.com/p/ddb8992886d2</guid>
            <category><![CDATA[best-ai-tools]]></category>
            <category><![CDATA[artificial-intelligence]]></category>
            <category><![CDATA[ai-tools]]></category>
            <dc:creator><![CDATA[Shahid Bahadur]]></dc:creator>
            <pubDate>Thu, 06 Aug 2026 11:43:23 GMT</pubDate>
            <atom:updated>2026-08-06T11:43:23.157Z</atom:updated>
        </item>
        <item>
            <title><![CDATA[Custom Checkbox & Radio Button with Tailwind CSS]]></title>
            <description><![CDATA[<div class="medium-feed-item"><p class="medium-feed-image"><a href="https://shahidyousafxai.medium.com/custom-checkbox-radio-button-with-tailwind-css-0f50dac51d7a?source=rss-a2a10947e988------2"><img src="https://cdn-images-1.medium.com/max/1536/1*HWv1tBVrISREThniFRgbiQ.png" width="1536"></a></p><p class="medium-feed-snippet">Checkboxes and radio buttons are very common in web forms. But sometimes the default browser style doesn&#x2019;t match the design of our website&#x2026;</p><p class="medium-feed-link"><a href="https://shahidyousafxai.medium.com/custom-checkbox-radio-button-with-tailwind-css-0f50dac51d7a?source=rss-a2a10947e988------2">Continue reading on Medium »</a></p></div>]]></description>
            <link>https://shahidyousafxai.medium.com/custom-checkbox-radio-button-with-tailwind-css-0f50dac51d7a?source=rss-a2a10947e988------2</link>
            <guid isPermaLink="false">https://medium.com/p/0f50dac51d7a</guid>
            <category><![CDATA[tailwind-css]]></category>
            <category><![CDATA[components]]></category>
            <category><![CDATA[css]]></category>
            <category><![CDATA[custom-checkbox]]></category>
            <category><![CDATA[custom-radio-button]]></category>
            <dc:creator><![CDATA[Shahid Bahadur]]></dc:creator>
            <pubDate>Wed, 05 Aug 2026 10:46:28 GMT</pubDate>
            <atom:updated>2026-08-05T10:46:28.790Z</atom:updated>
        </item>
        <item>
            <title><![CDATA[7 Modern CSS Features You Might Not Know About]]></title>
            <description><![CDATA[<div class="medium-feed-item"><p class="medium-feed-image"><a href="https://javascript.plainenglish.io/7-modern-css-features-you-might-not-know-about-66162d7bd7a7?source=rss-a2a10947e988------2"><img src="https://cdn-images-1.medium.com/max/1672/1*ECHcKIoL1QdxmgK-xy_PnQ.png" width="1672"></a></p><p class="medium-feed-snippet">Discover 7 powerful CSS features that can simplify responsive design, accessibility, positioning, and animations with practical examples.</p><p class="medium-feed-link"><a href="https://javascript.plainenglish.io/7-modern-css-features-you-might-not-know-about-66162d7bd7a7?source=rss-a2a10947e988------2">Continue reading on JavaScript in Plain English »</a></p></div>]]></description>
            <link>https://javascript.plainenglish.io/7-modern-css-features-you-might-not-know-about-66162d7bd7a7?source=rss-a2a10947e988------2</link>
            <guid isPermaLink="false">https://medium.com/p/66162d7bd7a7</guid>
            <category><![CDATA[css-tricks]]></category>
            <category><![CDATA[css-tips]]></category>
            <category><![CDATA[advanced-css]]></category>
            <category><![CDATA[modern-css]]></category>
            <category><![CDATA[css-examples]]></category>
            <dc:creator><![CDATA[Shahid Bahadur]]></dc:creator>
            <pubDate>Fri, 31 Jul 2026 07:26:08 GMT</pubDate>
            <atom:updated>2026-09-12T03:42:20.897Z</atom:updated>
        </item>
        <item>
            <title><![CDATA[Understanding CSS Margins: 7 Concepts Every Frontend Developer Should Know]]></title>
            <description><![CDATA[<div class="medium-feed-item"><p class="medium-feed-snippet">Margins look easy when you&#x2019;re learning CSS. They simply add space around an element. But as you build real projects, you&#x2019;ll notice that&#x2026;</p><p class="medium-feed-link"><a href="https://javascript.plainenglish.io/understanding-css-margins-7-concepts-every-frontend-developer-should-know-dcc20944fb70?source=rss-a2a10947e988------2">Continue reading on JavaScript in Plain English »</a></p></div>]]></description>
            <link>https://javascript.plainenglish.io/understanding-css-margins-7-concepts-every-frontend-developer-should-know-dcc20944fb70?source=rss-a2a10947e988------2</link>
            <guid isPermaLink="false">https://medium.com/p/dcc20944fb70</guid>
            <category><![CDATA[css-tips]]></category>
            <category><![CDATA[css-margin-collapse]]></category>
            <category><![CDATA[css-margin-tutorial]]></category>
            <category><![CDATA[css-auto-margin]]></category>
            <category><![CDATA[css-box-model-guide]]></category>
            <dc:creator><![CDATA[Shahid Bahadur]]></dc:creator>
            <pubDate>Fri, 24 Jul 2026 12:36:04 GMT</pubDate>
            <atom:updated>2026-09-09T10:15:57.340Z</atom:updated>
        </item>
        <item>
            <title><![CDATA[React Routing (Public, Private, Paid & General routes) — Step by Step Guide]]></title>
            <description><![CDATA[<div class="medium-feed-item"><p class="medium-feed-image"><a href="https://shahidyousafxai.medium.com/react-routing-setup-eb3c80283b4a?source=rss-a2a10947e988------2"><img src="https://cdn-images-1.medium.com/max/1792/1*Jifm0KspYYI7z7kRVdYWAg.png" width="1792"></a></p><p class="medium-feed-snippet">Here&apos;s a solution with a clear file structure and best practices to create a robust and secure structure for implementing routing&#x2026;</p><p class="medium-feed-link"><a href="https://shahidyousafxai.medium.com/react-routing-setup-eb3c80283b4a?source=rss-a2a10947e988------2">Continue reading on Medium »</a></p></div>]]></description>
            <link>https://shahidyousafxai.medium.com/react-routing-setup-eb3c80283b4a?source=rss-a2a10947e988------2</link>
            <guid isPermaLink="false">https://medium.com/p/eb3c80283b4a</guid>
            <category><![CDATA[react-router]]></category>
            <category><![CDATA[react-router-dom]]></category>
            <category><![CDATA[routing]]></category>
            <category><![CDATA[router]]></category>
            <category><![CDATA[react]]></category>
            <dc:creator><![CDATA[Shahid Bahadur]]></dc:creator>
            <pubDate>Fri, 24 Jan 2025 06:51:03 GMT</pubDate>
            <atom:updated>2025-01-25T02:33:09.497Z</atom:updated>
        </item>
        <item>
            <title><![CDATA[A myth story of Spread and Rest Operator.]]></title>
            <description><![CDATA[<div class="medium-feed-item"><p class="medium-feed-image"><a href="https://shahidyousafxai.medium.com/a-myth-story-of-spread-and-rest-operator-8c3d426b8e4a?source=rss-a2a10947e988------2"><img src="https://cdn-images-1.medium.com/max/1200/1*QAVYXtdswhNKebCZPl391Q.png" width="1200"></a></p><p class="medium-feed-snippet">Certainly! The spread operator (&#x2026;) and the rest parameter (&#x2026;) are both features introduced in ECMAScript 6 (ES6), also known as ECMAScript&#x2026;</p><p class="medium-feed-link"><a href="https://shahidyousafxai.medium.com/a-myth-story-of-spread-and-rest-operator-8c3d426b8e4a?source=rss-a2a10947e988------2">Continue reading on Medium »</a></p></div>]]></description>
            <link>https://shahidyousafxai.medium.com/a-myth-story-of-spread-and-rest-operator-8c3d426b8e4a?source=rss-a2a10947e988------2</link>
            <guid isPermaLink="false">https://medium.com/p/8c3d426b8e4a</guid>
            <category><![CDATA[rest-operator]]></category>
            <category><![CDATA[operators]]></category>
            <category><![CDATA[spread-operator]]></category>
            <category><![CDATA[javascript]]></category>
            <category><![CDATA[ecmascript2015]]></category>
            <dc:creator><![CDATA[Shahid Bahadur]]></dc:creator>
            <pubDate>Mon, 11 Mar 2024 12:08:51 GMT</pubDate>
            <atom:updated>2024-03-15T03:25:52.972Z</atom:updated>
        </item>
        <item>
            <title><![CDATA[Conditionally Render React Components in different ways.]]></title>
            <description><![CDATA[<div class="medium-feed-item"><p class="medium-feed-image"><a href="https://shahidyousafxai.medium.com/conditionally-render-react-components-in-different-ways-d67f559b17e2?source=rss-a2a10947e988------2"><img src="https://cdn-images-1.medium.com/max/1400/1*svJAb6z4tl4aCwKL87MTZw.png" width="1400"></a></p><p class="medium-feed-snippet">In React, you can render components conditionally in various ways based on different conditions. Following are the three ways to&#x2026;</p><p class="medium-feed-link"><a href="https://shahidyousafxai.medium.com/conditionally-render-react-components-in-different-ways-d67f559b17e2?source=rss-a2a10947e988------2">Continue reading on Medium »</a></p></div>]]></description>
            <link>https://shahidyousafxai.medium.com/conditionally-render-react-components-in-different-ways-d67f559b17e2?source=rss-a2a10947e988------2</link>
            <guid isPermaLink="false">https://medium.com/p/d67f559b17e2</guid>
            <category><![CDATA[rendering]]></category>
            <category><![CDATA[conditional-rendering]]></category>
            <category><![CDATA[react]]></category>
            <dc:creator><![CDATA[Shahid Bahadur]]></dc:creator>
            <pubDate>Mon, 16 Oct 2023 14:23:03 GMT</pubDate>
            <atom:updated>2023-10-23T11:48:23.182Z</atom:updated>
        </item>
        <item>
            <title><![CDATA[Simple Drag and Drop in React without an external library.]]></title>
            <description><![CDATA[<div class="medium-feed-item"><p class="medium-feed-image"><a href="https://shahidyousafxai.medium.com/simple-drag-and-drop-in-react-without-an-external-library-ebf1c1b809e?source=rss-a2a10947e988------2"><img src="https://cdn-images-1.medium.com/max/1280/1*LqYfzXxYI9bmBv97pfOY4A.jpeg" width="1280"></a></p><p class="medium-feed-snippet">What is Drag and Drop in React?</p><p class="medium-feed-link"><a href="https://shahidyousafxai.medium.com/simple-drag-and-drop-in-react-without-an-external-library-ebf1c1b809e?source=rss-a2a10947e988------2">Continue reading on Medium »</a></p></div>]]></description>
            <link>https://shahidyousafxai.medium.com/simple-drag-and-drop-in-react-without-an-external-library-ebf1c1b809e?source=rss-a2a10947e988------2</link>
            <guid isPermaLink="false">https://medium.com/p/ebf1c1b809e</guid>
            <category><![CDATA[drag-and-drop-in-react]]></category>
            <category><![CDATA[react]]></category>
            <category><![CDATA[drag-and-drop]]></category>
            <dc:creator><![CDATA[Shahid Bahadur]]></dc:creator>
            <pubDate>Mon, 13 Mar 2023 07:29:16 GMT</pubDate>
            <atom:updated>2023-03-16T02:48:33.812Z</atom:updated>
        </item>
        <item>
            <title><![CDATA[Analysis of events, emotions and learnings at Amal Academy.]]></title>
            <link>https://shahidyousafxai.medium.com/analysis-of-events-emotions-and-learnings-at-amal-academy-488cd586827?source=rss-a2a10947e988------2</link>
            <guid isPermaLink="false">https://medium.com/p/488cd586827</guid>
            <dc:creator><![CDATA[Shahid Bahadur]]></dc:creator>
            <pubDate>Sat, 23 Oct 2021 17:39:36 GMT</pubDate>
            <atom:updated>2021-10-23T17:39:36.739Z</atom:updated>
            <content:encoded><![CDATA[<figure><img alt="" src="https://cdn-images-1.medium.com/max/900/1*0mBhFIuMFeeBa5KaVVYg7g.jpeg" /><figcaption><strong>Visualizing Your Experience</strong></figcaption></figure><p>We were provided with some set of rules and a set of shapes. Our task was to draw a sketch of a dog out of those shapes and we had to work in a team. All of our team were struggle hard to draw a sketch of a dog. I remember this was our second session of the Amal Academy career preparation fellowship. We were divided into a breakout room of 5–6 colleagues, so we could complete the work in a team. Amal Academy provides a career preparation fellowship of 3 months with the sponsorship of PepsiCo and Stanford University.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/691/1*fuiGKxoR4DGCfrlqXZ6Y7g.jpeg" /><figcaption>sketch of a dog</figcaption></figure><p>I got admission to the Amal academy preparation fellowship. I was so excited about the fellowship. I went to Peshawar to buy a new laptop for the fellowship. When I was going to Peshawar I got a WhatsApp message from our program associate, which was our first interaction with our mentor. The way he started the conversation increased my excitement and then how he interact with us was awesome.</p><p>When I look at my laptop, it reminds me of the first week of Amal academy.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*6Lo7OIqWcQm2EjlcTOCZOQ.jpeg" /><figcaption>Dell-Latitude-E7440</figcaption></figure><p>In the first week, I met with new people and I got some friends who were with me throughout the whole fellowship. I am so grateful to them for their company. During the fellowship, it was a little hard to manage time because I was handling two fellowships at the same time. I was handling projects from both the fellowships. At that hard time, my feeling was “when this fellowship will end”. But thinking of that time now, it was the most beautiful time of my life. The people I met at the fellowship are the most beautiful, helpful people I have ever met.</p><p>Out of the whole fellowship, what I learned are, How to think? how to give priority to “myself”. I learned how to help others and I help most of my fellows who approached me for help.</p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=488cd586827" width="1" height="1" alt="">]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Difference in Javascript properties(innerHTML, innerText, textContent).]]></title>
            <description><![CDATA[<div class="medium-feed-item"><p class="medium-feed-image"><a href="https://shahidyousafxai.medium.com/difference-in-javascript-properties-innerhtml-innertext-textcontent-444708838935?source=rss-a2a10947e988------2"><img src="https://cdn-images-1.medium.com/max/2000/1*4-9lqALXcnAkKO1XQs1BBQ.png" width="2000"></a></p><p class="medium-feed-snippet">Have you heard about DOM manipulation? Let&#x2019;s see what is DOM?
Document Object Model (DOM) is a programming interface for HTML. Simply you&#x2026;</p><p class="medium-feed-link"><a href="https://shahidyousafxai.medium.com/difference-in-javascript-properties-innerhtml-innertext-textcontent-444708838935?source=rss-a2a10947e988------2">Continue reading on Medium »</a></p></div>]]></description>
            <link>https://shahidyousafxai.medium.com/difference-in-javascript-properties-innerhtml-innertext-textcontent-444708838935?source=rss-a2a10947e988------2</link>
            <guid isPermaLink="false">https://medium.com/p/444708838935</guid>
            <category><![CDATA[javascript]]></category>
            <category><![CDATA[innertext]]></category>
            <category><![CDATA[textcontent]]></category>
            <category><![CDATA[innerhtml]]></category>
            <category><![CDATA[dom-manipulation]]></category>
            <dc:creator><![CDATA[Shahid Bahadur]]></dc:creator>
            <pubDate>Tue, 05 Oct 2021 11:46:09 GMT</pubDate>
            <atom:updated>2021-10-06T07:24:13.518Z</atom:updated>
        </item>
    </channel>
</rss>