<?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: athul jain</title>
    <description>The latest articles on DEV Community by athul jain (@athuljain).</description>
    <link>https://dev.to/athuljain</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%2F1138640%2F112857ec-40cf-4193-8678-397d9b01d612.jpg</url>
      <title>DEV Community: athul jain</title>
      <link>https://dev.to/athuljain</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/athuljain"/>
    <language>en</language>
    <item>
      <title>NodeJS Notes</title>
      <dc:creator>athul jain</dc:creator>
      <pubDate>Wed, 03 Jul 2024 07:02:05 +0000</pubDate>
      <link>https://dev.to/athuljain/nodejs-notes-2pi7</link>
      <guid>https://dev.to/athuljain/nodejs-notes-2pi7</guid>
      <description>&lt;p&gt;&lt;a href="https://www.linkedin.com/pulse/node-js-athul-jain-qbeyc"&gt;https://www.linkedin.com/pulse/node-js-athul-jain-qbeyc&lt;/a&gt;&lt;br&gt;
&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fr9t0euayddi3ej6baslu.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fr9t0euayddi3ej6baslu.jpg" alt="Image description" width="728" height="410"&gt;&lt;/a&gt;&lt;br&gt;
&lt;a href="https://www.linkedin.com/pulse/node-js-athul-jain-qbeyc"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>react</category>
      <category>webdev</category>
      <category>todo</category>
      <category>crud</category>
    </item>
    <item>
      <title>What is Software Development</title>
      <dc:creator>athul jain</dc:creator>
      <pubDate>Tue, 13 Feb 2024 09:48:16 +0000</pubDate>
      <link>https://dev.to/athuljain/what-is-software-development-kal</link>
      <guid>https://dev.to/athuljain/what-is-software-development-kal</guid>
      <description>&lt;p&gt;Thank you, #SkillUp by #Simplilearn 🙌&lt;br&gt;
📢 I am super excited to share that I’ve just completed What is Software Development ?. 🎓&lt;/p&gt;

&lt;p&gt;I had a great experience learning industry-aligned skills of Software Development&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fmofmldx3vffjtlqvg2bk.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fmofmldx3vffjtlqvg2bk.jpg" alt="Image description" width="800" height="565"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h1&gt;
  
  
  Upskilling #SoftwareDevelopment #Certification #JobReady #SkillUpBySimplilearn”
&lt;/h1&gt;

</description>
      <category>webdev</category>
      <category>softwaredevelopment</category>
      <category>programming</category>
    </item>
    <item>
      <title>HTTP response status codes</title>
      <dc:creator>athul jain</dc:creator>
      <pubDate>Tue, 13 Feb 2024 02:42:41 +0000</pubDate>
      <link>https://dev.to/athuljain/http-response-status-codes-10h6</link>
      <guid>https://dev.to/athuljain/http-response-status-codes-10h6</guid>
      <description>&lt;p&gt;&lt;strong&gt;HTTP response status codes&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fgximno1oizevmmtexpsd.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fgximno1oizevmmtexpsd.jpeg" alt="Image description" width="800" height="800"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;HTTP status codes are essential for communication between the client-side and server-side components of your application.&lt;/strong&gt;&lt;br&gt;
HTTP response status codes indicate whether a specific HTTP request has been successfully completed. Responses are grouped in five classes:&lt;/p&gt;

&lt;p&gt;Informational responses (100 – 199)&lt;br&gt;
Successful responses (200 – 299)&lt;br&gt;
Redirection messages (300 – 399)&lt;br&gt;
Client error responses (400 – 499)&lt;br&gt;
Server error responses (500 – 599)&lt;/p&gt;

&lt;p&gt;Informational responses (100 – 199)&lt;br&gt;
Successful responses (200 – 299)&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fsnkri547eikf73w2h1ai.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fsnkri547eikf73w2h1ai.jpeg" alt="Image description" width="800" height="800"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Redirection messages (300 – 399)&lt;br&gt;
Client error responses (400 – 499)&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fcsiyf96l7ymfp2vkqy5x.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fcsiyf96l7ymfp2vkqy5x.jpeg" alt="Image description" width="800" height="800"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Server error responses (500 – 599)&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fqjgxqd09ff58w80nuu30.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fqjgxqd09ff58w80nuu30.jpeg" alt="Image description" width="720" height="720"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>javascript</category>
      <category>tutorial</category>
      <category>statuscodes</category>
    </item>
    <item>
      <title>Types of Node Modules</title>
      <dc:creator>athul jain</dc:creator>
      <pubDate>Mon, 12 Feb 2024 05:16:57 +0000</pubDate>
      <link>https://dev.to/athuljain/types-of-node-modules-5a76</link>
      <guid>https://dev.to/athuljain/types-of-node-modules-5a76</guid>
      <description>&lt;p&gt;&lt;strong&gt;Types of Node Modules&lt;/strong&gt;&lt;br&gt;
&lt;a href="https://www.linkedin.com/pulse/types-node-modules-athul-jain-pwofc"&gt;linkedin&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;There are three main types of Node modules that you will work with as a Node.js developer. They include the following.&lt;/p&gt;

&lt;p&gt;Built-in modules&lt;br&gt;
Local modules&lt;br&gt;
Third-party modules&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Built-in Modules&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fo96pgc0mgxn9lf5tun56.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fo96pgc0mgxn9lf5tun56.jpeg" alt="Image description" width="800" height="800"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Node.js comes with some modules out of the box. These modules are available for use when you install Node.js. Some common examples of built-in Node modules are the following:&lt;/p&gt;

&lt;p&gt;http&lt;br&gt;
url&lt;br&gt;
path&lt;br&gt;
fs&lt;br&gt;
os&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Local Modules&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fu5oi05q885wnig34qqns.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fu5oi05q885wnig34qqns.jpeg" alt="Image description" width="800" height="800"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;When you work with Node.js, you create local modules that you load and use in your program.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Third-Party Modules&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fhf1g1i3b32dwt4ans8sp.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fhf1g1i3b32dwt4ans8sp.jpeg" alt="Image description" width="800" height="800"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;A cool thing about using modules in Node.js is that you can share them with others. The Node Package Manager (NPM) makes that possible.&lt;/p&gt;

</description>
      <category>node</category>
      <category>backenddevelopment</category>
      <category>modules</category>
    </item>
    <item>
      <title>difference between frontend and backend development</title>
      <dc:creator>athul jain</dc:creator>
      <pubDate>Tue, 30 Jan 2024 07:59:00 +0000</pubDate>
      <link>https://dev.to/athuljain/difference-between-frontend-and-backend-development-51cl</link>
      <guid>https://dev.to/athuljain/difference-between-frontend-and-backend-development-51cl</guid>
      <description>&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F0k02b0gw83h71edxfajm.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F0k02b0gw83h71edxfajm.jpg" alt="Image description" width="800" height="600"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>frontend</category>
      <category>backend</category>
      <category>webdev</category>
    </item>
    <item>
      <title>394 contributions in 2023 😎 😍 github 😍</title>
      <dc:creator>athul jain</dc:creator>
      <pubDate>Wed, 17 Jan 2024 08:27:34 +0000</pubDate>
      <link>https://dev.to/athuljain/394-contributions-in-2023-github-1j75</link>
      <guid>https://dev.to/athuljain/394-contributions-in-2023-github-1j75</guid>
      <description>&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--wXb_2Lch--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/srlrty6tfzsrtqe9jsxh.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--wXb_2Lch--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/srlrty6tfzsrtqe9jsxh.jpg" alt="Image description" width="800" height="194"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://github.com/athuljain"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>github</category>
      <category>developer</category>
      <category>development</category>
      <category>mern</category>
    </item>
    <item>
      <title>Mern Stack</title>
      <dc:creator>athul jain</dc:creator>
      <pubDate>Tue, 09 Jan 2024 03:24:01 +0000</pubDate>
      <link>https://dev.to/athuljain/mern-stack-3lae</link>
      <guid>https://dev.to/athuljain/mern-stack-3lae</guid>
      <description>&lt;p&gt;MERN stack comprises the following technologies that allow for faster application development:&lt;/p&gt;

&lt;p&gt;MongoDB: A cross-platform document-oriented database program&lt;br&gt;
Express.js: A web application framework for Node.js&lt;br&gt;
React: JavaScript library for building user interfaces&lt;br&gt;
Node.js: An open source, cross-platform, JavaScript runtime environment that executes JavaScript code outside of a browser&lt;/p&gt;

</description>
    </item>
    <item>
      <title>Password hashing</title>
      <dc:creator>athul jain</dc:creator>
      <pubDate>Fri, 08 Dec 2023 06:07:34 +0000</pubDate>
      <link>https://dev.to/athuljain/password-hashing-44g0</link>
      <guid>https://dev.to/athuljain/password-hashing-44g0</guid>
      <description>&lt;p&gt;&lt;strong&gt;Password hashing&lt;/strong&gt; involves transforming a password into alphanumeric characters using specific algorithms. Hashing proves advantageous when malicious actors compromise data. With hashing, the obtained data is in hash format, rendering it unintelligible. Popular algorithms for password hashing encompass &lt;strong&gt;bcrypt&lt;/strong&gt; and SHA.&lt;/p&gt;

&lt;p&gt;In this article, the spotlight will be on utilizing bcrypt for password hashing in Node.js. Here’s an example of hashing plain text:&lt;br&gt;
hash('HeypasswordIsSafe@') = 1b21hb2hb1u2gu3g2fxy1v2ux1v2y3vu12g4u3ggvgu43598sa89da98sd79adshuavusdva9sdguasd&lt;/p&gt;

</description>
      <category>javascript</category>
      <category>node</category>
      <category>react</category>
      <category>developer</category>
    </item>
    <item>
      <title>props and context - react.js</title>
      <dc:creator>athul jain</dc:creator>
      <pubDate>Mon, 04 Dec 2023 06:32:54 +0000</pubDate>
      <link>https://dev.to/athuljain/props-and-context-reactjs-dpk</link>
      <guid>https://dev.to/athuljain/props-and-context-reactjs-dpk</guid>
      <description>&lt;p&gt;"&lt;strong&gt;context&lt;/strong&gt;" and "&lt;strong&gt;props&lt;/strong&gt;" are concepts used to manage and pass data between components.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Props (Properties):&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;** Props are a mechanism for passing data from a parent component to a child component in a unidirectional flow.**&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;&lt;strong&gt;Direction of Data Flow:&lt;/strong&gt; Data flows from parent to child components only.&lt;br&gt;
&lt;strong&gt;Usage:&lt;/strong&gt; Parent components pass data as props to child components, and child components receive and use these props.&lt;br&gt;
&lt;strong&gt;Immutability:&lt;/strong&gt; Props are immutable, meaning that child components cannot directly modify the props they receive from their parent.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;&lt;strong&gt;Context:&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Context provides a way to share values like themes, authentication status, etc., between components without explicitly passing them through props.&lt;/strong&gt;&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;&lt;strong&gt;Direction of Data Flow:&lt;/strong&gt; Context allows for more flexible data flow, as it enables sharing data with components that are not direct parent or child relationships.&lt;br&gt;
&lt;strong&gt;Usage:&lt;/strong&gt; Context is used when you have data that needs to be accessed by many components at different levels in the component tree.&lt;br&gt;
** Immutability:** While context itself is not inherently immutable, the values provided through context can be treated as immutable to prevent unexpected behavior.&lt;/p&gt;
&lt;/blockquote&gt;

</description>
    </item>
    <item>
      <title>Node js - 5 Features</title>
      <dc:creator>athul jain</dc:creator>
      <pubDate>Fri, 01 Dec 2023 07:05:30 +0000</pubDate>
      <link>https://dev.to/athuljain/node-js-5-features-17bd</link>
      <guid>https://dev.to/athuljain/node-js-5-features-17bd</guid>
      <description>&lt;p&gt;&lt;strong&gt;Node.js&lt;/strong&gt; is a runtime environment that allows you to execute JavaScript code outside a web browser. It is built on the V8 JavaScript runtime and provides a way to run JavaScript on the server side. Here are five key features of Node.js in simple terms:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;&lt;strong&gt;Asynchronous and Event-Driven:&lt;/strong&gt;&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Node.js is designed to handle asynchronous operations efficiently. It uses a non-blocking, event-driven architecture.&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;&lt;strong&gt;Fast Execution:&lt;/strong&gt;&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Node.js is known for its fast execution of code.&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;&lt;strong&gt;Single Programming Language (JavaScript):&lt;/strong&gt;&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Node.js allows developers to use a single programming language (JavaScript) for both server-side and client-side scripting.&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;&lt;strong&gt;NPM (Node Package Manager):&lt;/strong&gt;&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Node.js comes with a powerful package manager called NPM.&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;&lt;strong&gt;Scalability:&lt;/strong&gt;&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Node.js is designed to be scalable, making it suitable for building applications with varying levels of traffic.&lt;/p&gt;

</description>
      <category>node</category>
      <category>backenddevelopment</category>
    </item>
    <item>
      <title>My Personal Portfolio</title>
      <dc:creator>athul jain</dc:creator>
      <pubDate>Fri, 10 Nov 2023 03:29:37 +0000</pubDate>
      <link>https://dev.to/athuljain/my-personal-portfolio-3fif</link>
      <guid>https://dev.to/athuljain/my-personal-portfolio-3fif</guid>
      <description>&lt;p&gt;&lt;a href="https://athuljain-personal-website.vercel.app/"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Welcome to &lt;strong&gt;my personal portfolio&lt;/strong&gt;! 🚀 I'm excited to share my journey, skills, and projects with you. This website is more than just code; it's a reflection of my passion for creativity and problem-solving. Powered by React, it not only showcases my technical expertise but also embodies my commitment to crafting delightful user experiences. Dive in, explore my projects, and get to know the developer behind the screen. Let's build something amazing together! 💻✨ #React #Portfolio #CodingJourney&lt;/p&gt;

</description>
      <category>react</category>
      <category>portfolio</category>
      <category>programming</category>
    </item>
    <item>
      <title>React js props</title>
      <dc:creator>athul jain</dc:creator>
      <pubDate>Fri, 10 Nov 2023 02:48:59 +0000</pubDate>
      <link>https://dev.to/athuljain/react-js-props-3d71</link>
      <guid>https://dev.to/athuljain/react-js-props-3d71</guid>
      <description>&lt;p&gt;&lt;a href="https://lnkd.in/gSaNuF3h"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;props (short for properties) are used to pass data from a parent component to a child component. They are like function arguments, allowing you to configure and customize a child component by providing specific data or attributes. Props are essential in building reusable and dynamic components as they enable components to receive and display different data, making the application more flexible and easier to maintain. They facilitate the flow of data within the component tree, allowing for a more modular and scalable application structure.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--qz3XQadS--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qpes77xjoq3f1upi1kiq.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--qz3XQadS--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qpes77xjoq3f1upi1kiq.jpg" alt="Image description" width="800" height="449"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>react</category>
      <category>props</category>
      <category>frontend</category>
    </item>
  </channel>
</rss>
