<?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: Sogo Jonathan</title>
    <description>The latest articles on DEV Community by Sogo Jonathan (@samluxtech).</description>
    <link>https://dev.to/samluxtech</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%2F1132623%2F3b9152f0-664e-4450-a25e-cf569288b1dd.png</url>
      <title>DEV Community: Sogo Jonathan</title>
      <link>https://dev.to/samluxtech</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/samluxtech"/>
    <language>en</language>
    <item>
      <title>CommonJs in simple language</title>
      <dc:creator>Sogo Jonathan</dc:creator>
      <pubDate>Mon, 14 Aug 2023 07:49:02 +0000</pubDate>
      <link>https://dev.to/samluxtech/commonjs-in-simple-language-2im8</link>
      <guid>https://dev.to/samluxtech/commonjs-in-simple-language-2im8</guid>
      <description>&lt;p&gt;All lines of codes has different distinct standards of writing them and Javascript is of no different, hence come the ConnonJs standard which was the older way of structuring js &lt;a href="https://dev.to/samluxtech/what-is-a-module-188h"&gt;modules&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;The coomonJs comes with a method of sharing data using the export and require keywords in a different syntax;&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;const userDATA = () =&amp;gt; {
    return "user info"
}

module.exports = {
    userDATA
}
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;This lines of codes showing that you want to export the data containing the userDATA while,&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;const {userDATA} = require ("./index.js")

console.log (userDATA())
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;is the syntax to import the data to another &lt;a href="https://dev.to/samluxtech/what-is-a-module-188h"&gt;module&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;commonJs is commonly used while using the Node.js for building your server side applications {API}.&lt;/p&gt;

&lt;p&gt;Checkout my next post on the newest standard of defining your modules.&lt;/p&gt;

</description>
      <category>javascript</category>
      <category>node</category>
      <category>beginners</category>
      <category>programming</category>
    </item>
    <item>
      <title>What is a Module?</title>
      <dc:creator>Sogo Jonathan</dc:creator>
      <pubDate>Mon, 14 Aug 2023 07:14:00 +0000</pubDate>
      <link>https://dev.to/samluxtech/what-is-a-module-188h</link>
      <guid>https://dev.to/samluxtech/what-is-a-module-188h</guid>
      <description>&lt;p&gt;Hearing of the word &lt;strong&gt;"Modules or Node_modules"&lt;/strong&gt; and wondering exactly what it is?&lt;/p&gt;

&lt;p&gt;Now you're at the right place, think of a box containing some pieces of items it could be simply anything {some pieces of metals, used items and the likes...}.&lt;/p&gt;

&lt;p&gt;Now that box is exactly what Module is and those contents are your simple and complex lines of codes, so I am saying your {index.html, style.css, app.tsx, header.js} and so more are simply your modules and the lines of codes in it are what made up the module.&lt;/p&gt;

&lt;p&gt;So Bingo! now you know what a module is, come back here for another pieces of my contents...&lt;/p&gt;

</description>
      <category>javascript</category>
      <category>beginners</category>
      <category>api</category>
      <category>node</category>
    </item>
    <item>
      <title>Getting to know about React</title>
      <dc:creator>Sogo Jonathan</dc:creator>
      <pubDate>Wed, 09 Aug 2023 00:04:35 +0000</pubDate>
      <link>https://dev.to/samluxtech/getting-to-know-about-react-1eei</link>
      <guid>https://dev.to/samluxtech/getting-to-know-about-react-1eei</guid>
      <description>&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--gLAKx5J3--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hdwv6fd2e4qml9owl7eo.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--gLAKx5J3--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hdwv6fd2e4qml9owl7eo.jpeg" alt="Introduction to React" width="300" height="168"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;What is React?&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;React is a JavaScript library that's used for building user interfaces. It's one of the most popular web development tools out there, and it's known for being fast and efficient.&lt;/p&gt;

&lt;p&gt;With React, you can create dynamic and interactive user interfaces that are fast and responsive. And it has a lot of features that make it easy to build complex user interfaces, like reusable components and state management. It requires prior knowledge of HTML, CSS and Javascript itself. &lt;/p&gt;

&lt;p&gt;Hence, if you want to start using React, the first thing you need is a basic understanding of HTML, CSS and JavaScript. Once you have that, you can start learning React itself. There are lots of great resources out there for learning React, like the official React docs and the React docs tutorial. You can also find plenty of tutorials and courses online that will teach you how to use React. And once you've learned the basics, you can start building your own projects with it. 😊😊😊&lt;/p&gt;

</description>
      <category>react</category>
      <category>beginners</category>
      <category>frontend</category>
      <category>javascript</category>
    </item>
    <item>
      <title>Typescript as a beginner</title>
      <dc:creator>Sogo Jonathan</dc:creator>
      <pubDate>Fri, 04 Aug 2023 01:26:32 +0000</pubDate>
      <link>https://dev.to/samluxtech/typescript-as-a-beginner-3pem</link>
      <guid>https://dev.to/samluxtech/typescript-as-a-beginner-3pem</guid>
      <description>&lt;p&gt;&lt;strong&gt;Typescript&lt;/strong&gt; is a programming language that's very similar to JavaScript, but with some added features. It's often described as "JavaScript with types". Essentially, Typescript is a "superset" of JavaScript, meaning that it's a language that contains all of the features of JavaScript and then some.&lt;/p&gt;

&lt;p&gt;It allows you catch errors earlier in the development process and avoid bugs in your code as  it can check the types of variables and make sure that they're used correctly right as type the lines of codes immediately.&lt;/p&gt;

&lt;p&gt;Typescript was also developed primarily to be able to write large-scale applications, makes your work clean and well defined.&lt;/p&gt;

&lt;p&gt;This is just an introductory read, hope you enjoy it...&lt;/p&gt;

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