<?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: coolanant</title>
    <description>The latest articles on DEV Community by coolanant (@coolanant).</description>
    <link>https://dev.to/coolanant</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%2F195623%2F1014237b-a757-466c-9211-3dbd3bde188f.png</url>
      <title>DEV Community: coolanant</title>
      <link>https://dev.to/coolanant</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/coolanant"/>
    <language>en</language>
    <item>
      <title>Top 5 Cool Github Projects</title>
      <dc:creator>coolanant</dc:creator>
      <pubDate>Wed, 03 Jul 2019 15:56:03 +0000</pubDate>
      <link>https://dev.to/coolanant/top-5-cool-github-projects-1cda</link>
      <guid>https://dev.to/coolanant/top-5-cool-github-projects-1cda</guid>
      <description>&lt;p&gt;In brief, the given projects are mostly on the topics related to —  &lt;strong&gt;&lt;em&gt;Alexa Skills, JavaScript, React, Redux, Firebase, GCP, Chrome Extensions.&lt;/em&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;Looking for Open Source cool projects?&lt;/p&gt;

&lt;p&gt;You’ve come to the right place. :)&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--RwOQ2-X7--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://cdn-images-1.medium.com/max/1024/1%2A8yz3hkO3ynHV2qYGARynJg.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--RwOQ2-X7--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://cdn-images-1.medium.com/max/1024/1%2A8yz3hkO3ynHV2qYGARynJg.jpeg" alt=""&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  1. Npm package — get-all-emoji
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;&lt;em&gt;Download&lt;/em&gt;&lt;/strong&gt;  — &lt;a href="https://www.npmjs.com/package/get-all-emoji"&gt;https://www.npmjs.com/package/get-all-emoji&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;&lt;em&gt;Source code &lt;/em&gt;&lt;/strong&gt; — &lt;a href="https://github.com/Anant016/get-all-emoji"&gt;https://github.com/Anant016/get-all-emoji&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--mkpmh1ty--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://cdn-images-1.medium.com/max/632/1%2AHIXnL6glp1r4hfT442uF3w.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--mkpmh1ty--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://cdn-images-1.medium.com/max/632/1%2AHIXnL6glp1r4hfT442uF3w.png" alt=""&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  2. Github Readme Markdown — Chrome Extension
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;&lt;em&gt;You can download it from here&lt;/em&gt;&lt;/strong&gt;  — &lt;a href="https://chrome.google.com/webstore/detail/github-readme-markdown/paacehodnnofnmhogoclomamladkpabg?hl=en&amp;amp;authuser=0"&gt;https://chrome.google.com/webstore/detail/github-readme-markdown/paacehodnnofnmhogoclomamladkpabg?hl=en&amp;amp;authuser=0&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;&lt;em&gt;Source code &lt;/em&gt;&lt;/strong&gt; — &lt;a href="https://github.com/Anant016/Github-Readme-Chrome-Extension"&gt;https://github.com/Anant016/Github-Readme-Chrome-Extension&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--WjeeAxhH--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://cdn-images-1.medium.com/max/680/1%2ANESapmMd5xqMF2w3MdmGww.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--WjeeAxhH--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://cdn-images-1.medium.com/max/680/1%2ANESapmMd5xqMF2w3MdmGww.png" alt=""&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  3. E-commerce website — made using React, Redux, Firebase, GCP
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;&lt;em&gt;Demo&lt;/em&gt;&lt;/strong&gt;  — &lt;a href="https://myeraser.herokuapp.com"&gt;https://myeraser.herokuapp.com&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;&lt;em&gt;Source code —&lt;/em&gt;&lt;/strong&gt;  &lt;a href="https://github.com/Anant016/E-commerce-website-react"&gt;https://github.com/Anant016/E-commerce-website-react&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--Rjtlxe9J--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://cdn-images-1.medium.com/max/1024/1%2ANJpTs0TayMhY_4zXzsxWeA.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--Rjtlxe9J--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://cdn-images-1.medium.com/max/1024/1%2ANJpTs0TayMhY_4zXzsxWeA.png" alt=""&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  4. React Course for beginners
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;&lt;em&gt;Exercise Files&lt;/em&gt;&lt;/strong&gt;  — &lt;a href="https://github.com/Anant016/React-for-beginners-course"&gt;https://github.com/Anant016/React-for-beginners-course&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;&lt;em&gt;Explained&lt;/em&gt;&lt;/strong&gt; From Start to End — &lt;a href="https://medium.com/coolanant999/create-your-first-react-app-your-online-portfolio-and-deploying-3bc6fe2701d9"&gt;https://medium.com/coolanant999/create-your-first-react-app-your-online-portfolio-and-deploying-3bc6fe2701d9?source=your_stories_page&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--WnIfuMGN--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://cdn-images-1.medium.com/max/1024/1%2AWm3XVZNncxNT-4SA9PUAXQ.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--WnIfuMGN--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://cdn-images-1.medium.com/max/1024/1%2AWm3XVZNncxNT-4SA9PUAXQ.png" alt=""&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  5. Alexa Skills — with APL
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;&lt;em&gt;Demo &lt;/em&gt;&lt;/strong&gt; — &lt;a href="https://www.amazon.in/Anant-Rungta-anu-calculator/dp/B07T8M797J/ref=sr_1_1?keywords=anant+rungta&amp;amp;qid=1562168235&amp;amp;s=digital-skills&amp;amp;sr=1-1"&gt;https://www.amazon.in/Anant-Rungta-anu-calculator/dp/B07T8M797J/ref=sr_1_1?keywords=anant+rungta&amp;amp;qid=1562168235&amp;amp;s=digital-skills&amp;amp;sr=1-1&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Mail me for Source code.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--RGVewoiy--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://cdn-images-1.medium.com/max/807/1%2AiJDQwuMH1ws82kQbQCXxrQ.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--RGVewoiy--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://cdn-images-1.medium.com/max/807/1%2AiJDQwuMH1ws82kQbQCXxrQ.png" alt=""&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;em&gt;These are the top 5 projects that I’ve starred,&lt;/em&gt; &lt;em&gt;Star the ones you like —&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;&lt;em&gt;Looking for some free swag — &lt;/em&gt;&lt;a href="https://github.com/Anant016/Free-swags"&gt;https://github.com/Anant016/Free-swags&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;em&gt;Spread and share knowledge. If this article piqued your interest and if you are kind fellow, give a&lt;/em&gt; &lt;strong&gt;&lt;em&gt;few claps&lt;/em&gt;&lt;/strong&gt; &lt;em&gt;to this article. Follow my profile for more&lt;/em&gt; &lt;strong&gt;&lt;em&gt;open source stuff&lt;/em&gt;&lt;/strong&gt; &lt;em&gt;.&lt;/em&gt;&lt;/p&gt;

</description>
      <category>chrome</category>
      <category>projects</category>
      <category>alexa</category>
      <category>github</category>
    </item>
    <item>
      <title>Why Use ReactJS</title>
      <dc:creator>coolanant</dc:creator>
      <pubDate>Wed, 26 Jun 2019 12:11:48 +0000</pubDate>
      <link>https://dev.to/coolanant/why-use-reactjs-4m57</link>
      <guid>https://dev.to/coolanant/why-use-reactjs-4m57</guid>
      <description>&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fcdn-images-1.medium.com%2Fmax%2F1024%2F1%2A8yz3hkO3ynHV2qYGARynJg.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fcdn-images-1.medium.com%2Fmax%2F1024%2F1%2A8yz3hkO3ynHV2qYGARynJg.jpeg"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;In this article, I will not be explaining everything in detail but from a developers point of view, I will be explaining &lt;strong&gt;how ReactJS is different&lt;/strong&gt; from other old platforms because when we ask, many developers still don’t know or are not clear about the purpose of using ReactJS.&lt;/p&gt;

&lt;p&gt;What is React.js? React is a JavaScript library for building user interfaces, i.e, for client-side. React was created at Facebook in 2011and was released initially in March 2013.&lt;/p&gt;

&lt;p&gt;It is used for creating &lt;strong&gt;SPAs (&lt;/strong&gt;Single Page Applications*&lt;em&gt;)&lt;/em&gt;* — no page reloads, no extra wait time. It is just one web page that you visit which then loads different components.&lt;/p&gt;

&lt;p&gt;React lets you define &lt;strong&gt;components&lt;/strong&gt; as classes or functions. Components defined as classes currently provide more features which are described in detail on this page. It helps to strive towards &lt;em&gt;scalability, code reusability&lt;/em&gt; and keeps your code &lt;em&gt;organized.&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;It offers &lt;strong&gt;Virtual DOM&lt;/strong&gt; (Document Object Model) i.e. It performs necessary updates before rendering the final web-page into a browser and is one of the core reason why React enables the creation of fast, scalable web apps.&lt;/p&gt;

&lt;p&gt;It gives us new features such as &lt;strong&gt;jsx&lt;/strong&gt; (syntax extension to javascript), &lt;strong&gt;state management&lt;/strong&gt; (with redux) to store all changes in one section, and pass custom data to a specific UI component, with the help of  &lt;strong&gt;props&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Ease of Migration — &lt;/strong&gt; When Migrating from an older version of technology to a new one, certain questions arise on the level of effort and time required in performing the task.&lt;/p&gt;

&lt;p&gt;React is a lightweight JavaScript library. React code can be added anywhere onto existing infrastructure without the worry of shutting down the system for maintenance and also less dependency to reinvent the wheel.&lt;/p&gt;

&lt;p&gt;Google’s Angular framework; for instance, faced a very alarming compatibility issue between its first generation Angular 1.x and the futuristic Angular 2. Companies intent on shifting to the newer version had to invest time to train developers in the latest technology.&lt;/p&gt;

&lt;p&gt;There are many &lt;strong&gt;React UI frameworks&lt;/strong&gt; , which provides an exceptionally great user interface, with less code and faster web-page load  &lt;strong&gt;speed&lt;/strong&gt;.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;h3&gt;
  
  
  Bibliography :
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://en.wikipedia.org/wiki/React_(JavaScript_library)" rel="noopener noreferrer"&gt;React (JavaScript library) - Wikipedia&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://medium.com/@hamzamahmood/advantages-of-developing-modern-web-apps-with-react-js-8504c571db71" rel="noopener noreferrer"&gt;Advantages of Developing Modern Web apps with React.js&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://reactjs.org/docs/getting-started.html" rel="noopener noreferrer"&gt;Getting Started - React&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;em&gt;If you liked this article and if you are kind fellow, give a few claps to this article.&lt;/em&gt;&lt;/p&gt;

</description>
      <category>why</category>
      <category>react</category>
      <category>use</category>
      <category>advantages</category>
    </item>
  </channel>
</rss>
