<?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: Asif karim</title>
    <description>The latest articles on DEV Community by Asif karim (@47karimasif).</description>
    <link>https://dev.to/47karimasif</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%2F819292%2Fb2becd57-c36c-4b60-82be-937f7db8e33d.jpeg</url>
      <title>DEV Community: Asif karim</title>
      <link>https://dev.to/47karimasif</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/47karimasif"/>
    <language>en</language>
    <item>
      <title>React Interview Questions | React Closure in depth</title>
      <dc:creator>Asif karim</dc:creator>
      <pubDate>Wed, 10 May 2023 07:24:02 +0000</pubDate>
      <link>https://dev.to/47karimasif/react-closure-in-depth-react-state-behavior-with-closures-2b5e</link>
      <guid>https://dev.to/47karimasif/react-closure-in-depth-react-state-behavior-with-closures-2b5e</guid>
      <description>&lt;p&gt;Hey Developers! I hope you're doing great.&lt;/p&gt;

&lt;p&gt;&lt;iframe width="710" height="399" src="https://www.youtube.com/embed/JraoMQUtI40"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

&lt;p&gt;In my React journey i have seen developers getting stucked understanding &lt;strong&gt;react state behaviour with closures&lt;/strong&gt;.As they are not able to understand totally why they can't access updated values even after updating it.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://youtu.be/JraoMQUtI40?sub_confirmation=1"&gt;React state behaviour with closures - My explanation video&lt;/a&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Why We dont have access to updated state inside SetInterval/Setimeout&lt;/strong&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;What's the difference between Rendering and Mounting&lt;/strong&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Why Keys are so important&lt;/strong&gt;&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;I have created this video where i tried to discuss about the concepts of state and closures with Intervals in React by creating text-typing animation effect.&lt;/p&gt;

&lt;p&gt;Do check it out and please share your opinion and thoughts on it.&lt;/p&gt;

&lt;p&gt;Hope you have a wonderful day ahead :)&lt;/p&gt;

</description>
      <category>react</category>
      <category>webdev</category>
      <category>javascript</category>
      <category>beginners</category>
    </item>
    <item>
      <title>How to add PreLoader in React JS Application</title>
      <dc:creator>Asif karim</dc:creator>
      <pubDate>Fri, 01 Apr 2022 14:31:39 +0000</pubDate>
      <link>https://dev.to/47karimasif/how-to-add-preloader-in-react-js-application-1jnp</link>
      <guid>https://dev.to/47karimasif/how-to-add-preloader-in-react-js-application-1jnp</guid>
      <description>&lt;p&gt;&lt;a href="https://youtu.be/-eKLme-X9nY"&gt;My youtube Tutorial Video for preloader&lt;/a&gt;&lt;br&gt;
I have seen people finding it difficult to add preloader to client side applications using React/Angular/Vue.&lt;br&gt;
In this tutorial video i have explained two different approach for creating Normal and Controlled Loader.&lt;br&gt;
Do check it out and share the video :)&lt;br&gt;
&lt;a href="https://github.com/47karimasif/bills-app.git"&gt;Girhub Repo Link&lt;/a&gt;&lt;/p&gt;

</description>
      <category>react</category>
      <category>javascript</category>
      <category>webdev</category>
      <category>beginners</category>
    </item>
    <item>
      <title>React Project Deployment</title>
      <dc:creator>Asif karim</dc:creator>
      <pubDate>Fri, 18 Mar 2022 09:07:17 +0000</pubDate>
      <link>https://dev.to/47karimasif/react-project-deployment-5953</link>
      <guid>https://dev.to/47karimasif/react-project-deployment-5953</guid>
      <description>&lt;p&gt;&lt;a href="https://www.youtube.com/watch?v=rV1xJQN0zTI&amp;amp;list=PL-jai53vg8d2At-01wCUVShUXavlmGm2Z"&gt;Complete Playlist for the Pproject&lt;/a&gt;&lt;br&gt;
Check it out guys if u are learning React or looking into some cool react stuff&lt;br&gt;
Do share it if possible&lt;br&gt;
&lt;a href="https://github.com/47karimasif/bills-app"&gt;Github Repo for Project&lt;/a&gt;&lt;/p&gt;

</description>
      <category>react</category>
      <category>javascript</category>
      <category>webdev</category>
      <category>beginners</category>
    </item>
    <item>
      <title>Reat Context Api Project</title>
      <dc:creator>Asif karim</dc:creator>
      <pubDate>Mon, 07 Mar 2022 15:53:01 +0000</pubDate>
      <link>https://dev.to/47karimasif/reat-context-api-project-5fml</link>
      <guid>https://dev.to/47karimasif/reat-context-api-project-5fml</guid>
      <description>&lt;p&gt;&lt;a href="https://youtu.be/B4OFMoiRKUw"&gt;React Context Simplest explanation with project&lt;/a&gt;&lt;br&gt;
Hey guys if u are learning React do checkout my video and React playlist as well share with all ur friends :).&lt;br&gt;
&lt;a href="https://github.com/47karimasif/bills-app"&gt;github repo Link&lt;/a&gt;&lt;br&gt;
&lt;a href="https://bills-app.vercel.app/"&gt;Hosted Project Link&lt;/a&gt;&lt;/p&gt;

</description>
      <category>javascript</category>
      <category>react</category>
      <category>webdev</category>
      <category>beginners</category>
    </item>
    <item>
      <title>Module 2 | React BillsApp Project with Material Ui and Context Api
</title>
      <dc:creator>Asif karim</dc:creator>
      <pubDate>Wed, 23 Feb 2022 14:06:19 +0000</pubDate>
      <link>https://dev.to/47karimasif/module-2-react-billsapp-project-with-material-ui-and-context-api-5e2j</link>
      <guid>https://dev.to/47karimasif/module-2-react-billsapp-project-with-material-ui-and-context-api-5e2j</guid>
      <description>&lt;p&gt;Just Released the Second Module of BillsApp Project on My Channel&lt;br&gt;
Do Check it out and Provide your feedback :)&lt;br&gt;
&lt;a href="https://youtu.be/T6XM7uI3138"&gt;Link for The Video&lt;/a&gt;&lt;br&gt;
Do check it out and Share :)&lt;/p&gt;

</description>
      <category>javascript</category>
      <category>react</category>
      <category>webdev</category>
      <category>devops</category>
    </item>
    <item>
      <title>React BillsApp Project with Material Ui and Context Api </title>
      <dc:creator>Asif karim</dc:creator>
      <pubDate>Mon, 21 Feb 2022 14:47:19 +0000</pubDate>
      <link>https://dev.to/47karimasif/react-billsapp-project-with-material-ui-and-context-api-4035</link>
      <guid>https://dev.to/47karimasif/react-billsapp-project-with-material-ui-and-context-api-4035</guid>
      <description>&lt;p&gt;Just Released the First Module of BillsApp Project on My Channel&lt;br&gt;
Do Check it out and Provide your feedback :)&lt;/p&gt;

&lt;p&gt;&lt;a href="https://youtu.be/rV1xJQN0zTI"&gt;Here is the Link For Video&lt;/a&gt;&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>react</category>
      <category>javascript</category>
      <category>nextjs</category>
    </item>
  </channel>
</rss>
