<?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: Olimpio</title>
    <description>The latest articles on DEV Community by Olimpio (@rnrnshn).</description>
    <link>https://dev.to/rnrnshn</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%2F38575%2F49726fa7-f9bc-46f4-97ac-b1a03207e8c1.jpg</url>
      <title>DEV Community: Olimpio</title>
      <link>https://dev.to/rnrnshn</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/rnrnshn"/>
    <language>en</language>
    <item>
      <title>How to cleanUp firestore data fetch on useEffect?</title>
      <dc:creator>Olimpio</dc:creator>
      <pubDate>Sun, 07 Feb 2021 16:22:31 +0000</pubDate>
      <link>https://dev.to/rnrnshn/how-to-cleanup-firestore-data-fetch-on-useeffect-18ed</link>
      <guid>https://dev.to/rnrnshn/how-to-cleanup-firestore-data-fetch-on-useeffect-18ed</guid>
      <description>&lt;p&gt;Hello guys... I need your help... When (quickly) navigating on my react website... I get this error on the console. I heard I need to use the cleanUp function in order to correct this error. But I am using firebase firestore to fetch the data so I dont know how to solve this error...&lt;br&gt;
Here is the error on the console&lt;br&gt;
&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2F8kyr5kn74p4913o9m4j1.png" 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%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2F8kyr5kn74p4913o9m4j1.png" alt="image"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Here is the code of the useEffect hook I am using...&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="nf"&gt;useEffect&lt;/span&gt;&lt;span class="p"&gt;(()&lt;/span&gt; &lt;span class="o"&gt;=&amp;gt;&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
    &lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;fetchDb&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nx"&gt;db&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;collection&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;posts&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;

    &lt;span class="nx"&gt;fetchDb&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;get&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt;
      &lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;then&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;response&lt;/span&gt; &lt;span class="o"&gt;=&amp;gt;&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
        &lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;fetchedPosts&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="p"&gt;[];&lt;/span&gt;
        &lt;span class="nx"&gt;response&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;docs&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;forEach&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;post&lt;/span&gt; &lt;span class="o"&gt;=&amp;gt;&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
          &lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;fetchedPost&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
            &lt;span class="na"&gt;id&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="nx"&gt;post&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;id&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
            &lt;span class="p"&gt;...&lt;/span&gt;&lt;span class="nx"&gt;post&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;data&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt;
          &lt;span class="p"&gt;};&lt;/span&gt;
          &lt;span class="nx"&gt;fetchedPosts&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;push&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;fetchedPost&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
        &lt;span class="p"&gt;});&lt;/span&gt;
        &lt;span class="nf"&gt;setPosts&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;fetchedPosts&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
        &lt;span class="nf"&gt;setIsLoading&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="kc"&gt;false&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
      &lt;span class="p"&gt;})&lt;/span&gt;
      &lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="k"&gt;catch&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;error&lt;/span&gt; &lt;span class="o"&gt;=&amp;gt;&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
        &lt;span class="nx"&gt;error&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;Houve um erro&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;
        &lt;span class="nf"&gt;setError&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;error&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
      &lt;span class="p"&gt;});&lt;/span&gt;
  &lt;span class="p"&gt;},&lt;/span&gt; &lt;span class="p"&gt;[]);&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



</description>
      <category>help</category>
      <category>javascript</category>
      <category>react</category>
    </item>
    <item>
      <title>Tracking System on a Delivery Service Website</title>
      <dc:creator>Olimpio</dc:creator>
      <pubDate>Mon, 20 Jul 2020 13:27:38 +0000</pubDate>
      <link>https://dev.to/rnrnshn/tracking-system-on-a-delivery-service-website-3jn5</link>
      <guid>https://dev.to/rnrnshn/tracking-system-on-a-delivery-service-website-3jn5</guid>
      <description>&lt;p&gt;I am building a website for a client using Wordpress, it's a Delivery Service Website and the client wants a Tracking System. I would like to know how would I add it and how does it work. Help&lt;/p&gt;

</description>
      <category>help</category>
      <category>discuss</category>
      <category>webdev</category>
    </item>
    <item>
      <title>Is just me or Gatsby is slow?</title>
      <dc:creator>Olimpio</dc:creator>
      <pubDate>Tue, 31 Mar 2020 23:05:13 +0000</pubDate>
      <link>https://dev.to/rnrnshn/is-just-me-or-gatsby-is-slow-5fmi</link>
      <guid>https://dev.to/rnrnshn/is-just-me-or-gatsby-is-slow-5fmi</guid>
      <description>&lt;p&gt;&lt;code&gt;gatsby develop&lt;/code&gt; takes times to run than &lt;code&gt;jekyll serve&lt;/code&gt; or I'm just tripping?🌝&lt;/p&gt;

</description>
      <category>jamstack</category>
      <category>discuss</category>
      <category>ssg</category>
    </item>
    <item>
      <title>Explain container queries like I'm five</title>
      <dc:creator>Olimpio</dc:creator>
      <pubDate>Tue, 18 Feb 2020 16:58:33 +0000</pubDate>
      <link>https://dev.to/rnrnshn/explain-container-queries-like-i-m-five-3hg2</link>
      <guid>https://dev.to/rnrnshn/explain-container-queries-like-i-m-five-3hg2</guid>
      <description>&lt;p&gt;I've come across many article talking about it but I need some enlightenment. Help&lt;/p&gt;

</description>
      <category>css</category>
      <category>discuss</category>
      <category>help</category>
      <category>explainlikeimfive</category>
    </item>
    <item>
      <title>Trying Gridsome</title>
      <dc:creator>Olimpio</dc:creator>
      <pubDate>Wed, 12 Feb 2020 15:58:02 +0000</pubDate>
      <link>https://dev.to/rnrnshn/trying-gridsome-4m27</link>
      <guid>https://dev.to/rnrnshn/trying-gridsome-4m27</guid>
      <description>&lt;p&gt;I don't know Vue but I want to try Gridsome... Is this recommend? Which concept should I learn first in order to feel comfortable with Gridsome?&lt;/p&gt;

</description>
      <category>help</category>
      <category>vue</category>
      <category>jamstack</category>
    </item>
    <item>
      <title>WebScrapping articles to read offline</title>
      <dc:creator>Olimpio</dc:creator>
      <pubDate>Fri, 07 Feb 2020 17:39:26 +0000</pubDate>
      <link>https://dev.to/rnrnshn/webscrapping-articles-to-read-offline-p7f</link>
      <guid>https://dev.to/rnrnshn/webscrapping-articles-to-read-offline-p7f</guid>
      <description>&lt;p&gt;I don't have internet at home so I wanted to read some articles offline when I'm home.. Which approach should I use to have those article offline?&lt;br&gt;
Is there any web scrapping tutorial or tool that I should use??&lt;/p&gt;

</description>
      <category>help</category>
      <category>discuss</category>
      <category>tutorial</category>
    </item>
    <item>
      <title>Jekyll is slow... Liquid is awesome</title>
      <dc:creator>Olimpio</dc:creator>
      <pubDate>Wed, 04 Dec 2019 13:30:36 +0000</pubDate>
      <link>https://dev.to/rnrnshn/jekyll-is-slow-liquid-is-awesome-jpb</link>
      <guid>https://dev.to/rnrnshn/jekyll-is-slow-liquid-is-awesome-jpb</guid>
      <description>&lt;p&gt;I am learning Hugo... I love the way it is fast but its templating syntax is just horrible... Jekyll is slow compared to Hugo but Jekyll template syntax Liquid makes it fun to develop static sites using Jekyll... your thougths? &lt;/p&gt;

</description>
      <category>jekyll</category>
      <category>liquid</category>
      <category>ssg</category>
    </item>
    <item>
      <title>How can I share the same domain with two different servers?</title>
      <dc:creator>Olimpio</dc:creator>
      <pubDate>Sat, 28 Sep 2019 06:39:16 +0000</pubDate>
      <link>https://dev.to/rnrnshn/share-the-same-domain-with-two-different-servers-3mp0</link>
      <guid>https://dev.to/rnrnshn/share-the-same-domain-with-two-different-servers-3mp0</guid>
      <description>&lt;h1&gt;
  
  
  Is it possible to have two separate servers share the same domain name? If so, how?
&lt;/h1&gt;

&lt;p&gt;I have a website and email services hosted on a nginx server with the domain name site.co.mz, working perfectly. &lt;/p&gt;

&lt;p&gt;But recently I'm developing a new website that should replace the one hosted on this nginx server. I've hosted this new website on Heroku because I'm developing this website using Jekyll and some gems which Heroku makes it easy to host and it's working perfectly too.&lt;/p&gt;

&lt;p&gt;I want to know if is it possible to share the same domain name site.co.mz on these two different servers? &lt;/p&gt;

</description>
      <category>help</category>
      <category>network</category>
      <category>server</category>
    </item>
    <item>
      <title>TIL: How does .chomp method works?</title>
      <dc:creator>Olimpio</dc:creator>
      <pubDate>Sun, 17 Feb 2019 22:49:13 +0000</pubDate>
      <link>https://dev.to/rnrnshn/til-how-does-chomp-method-work-lcc</link>
      <guid>https://dev.to/rnrnshn/til-how-does-chomp-method-work-lcc</guid>
      <description>&lt;p&gt;As I'm learning Ruby on &lt;a href="https://www.codecademy.com"&gt;Codecademy&lt;/a&gt; I've come across many methods and I'm learning many things. But as I want to master this language, I'm taking some time to dive into some new things I learn every day. Today I want to go in depth on:&lt;/p&gt;

&lt;h2&gt;
  
  
  How does &lt;code&gt;.chomp&lt;/code&gt; method work?
&lt;/h2&gt;

&lt;p&gt;First of all, put in mind that Ruby is an Object Oriented language and everything in Ruby is an object. So, when we call the &lt;code&gt;.chomp&lt;/code&gt; method on a value/object it removes the line break.&lt;/p&gt;

&lt;p&gt;Actually, what &lt;code&gt;.chomp&lt;/code&gt; does, is removing the Enter character at the end of your string. When you type &lt;em&gt;d e v t o&lt;/em&gt;, each character at a time and then press Enter &lt;code&gt;gets&lt;/code&gt; takes all the letters and the Enter. Remember that Enter is just another character in Ruby.&lt;/p&gt;

&lt;p&gt;For example:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight ruby"&gt;&lt;code&gt;&lt;span class="n"&gt;input&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nb"&gt;gets&lt;/span&gt; &lt;span class="c1"&gt;# get a string&lt;/span&gt;
&lt;span class="no"&gt;Bem&lt;/span&gt; &lt;span class="no"&gt;Vindo&lt;/span&gt;
&lt;span class="o"&gt;=&amp;gt;&lt;/span&gt; &lt;span class="s2"&gt;"Bem Vindo&lt;/span&gt;&lt;span class="se"&gt;\n&lt;/span&gt;&lt;span class="s2"&gt;"&lt;/span&gt; &lt;span class="c1"&gt;# when you hit the enter keyboard it adds a character&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Now let us remove that enter character&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight ruby"&gt;&lt;code&gt;&lt;span class="nb"&gt;puts&lt;/span&gt; &lt;span class="n"&gt;input&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;chomp&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;or we can remove right away when typing it&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight ruby"&gt;&lt;code&gt;&lt;span class="n"&gt;input&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nb"&gt;gets&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;chomp&lt;/span&gt; &lt;span class="c1"&gt;# gets require a string as input and chomp will delete the line break that comes with that string&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;code&gt;gets&lt;/code&gt; is your User's input. Also, it's good to know that gets or puts, mean &lt;em&gt;get string&lt;/em&gt; or &lt;em&gt;put string&lt;/em&gt; for &lt;code&gt;puts&lt;/code&gt;. That means these methods are dealing with strings only.&lt;/p&gt;

&lt;p&gt;We can even use the &lt;code&gt;.chomp&lt;/code&gt; method to remove a substring of a string in that way.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight ruby"&gt;&lt;code&gt;&lt;span class="n"&gt;str&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="s2"&gt;"Hello"&lt;/span&gt;

&lt;span class="n"&gt;str&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;chomp&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="s2"&gt;"lo"&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  Resources:
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://whatis.techtarget.com/definition/Ruby"&gt;What is Ruby&lt;/a&gt;&lt;br&gt;
&lt;a href="http://ruby-doc.com/docs/ProgrammingRuby/"&gt;Help and documentation for the Ruby programming language.&lt;/a&gt;&lt;br&gt;
&lt;a href="https://medium.com/@pk60905/everything-is-object-in-ruby-559475ce71dd"&gt;Everything is object in Ruby&lt;/a&gt;&lt;br&gt;
&lt;a href="https://ruby-doc.org/core-2.2.0/String.html#method-i-chomp"&gt;Chomp method - Ruby Docs&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Thanks.&lt;/p&gt;

</description>
      <category>todayilearned</category>
      <category>ruby</category>
      <category>oop</category>
    </item>
    <item>
      <title>Github Campus Expert</title>
      <dc:creator>Olimpio</dc:creator>
      <pubDate>Tue, 13 Nov 2018 20:31:41 +0000</pubDate>
      <link>https://dev.to/rnrnshn/github-campus-expert-4boj</link>
      <guid>https://dev.to/rnrnshn/github-campus-expert-4boj</guid>
      <description>&lt;p&gt;I was accepted on the GitHub Campus Expert Program. And now will have to go through a 7 series of training modules in order to be a GitHub Campus Expert. Anyone that has ever gone through the same training? Any advice? Tips? &lt;/p&gt;

&lt;p&gt;&lt;strong&gt;waiting&lt;/strong&gt;&lt;/p&gt;

</description>
      <category>github</category>
      <category>expert</category>
      <category>discuss</category>
    </item>
    <item>
      <title>Ruby community on twitter</title>
      <dc:creator>Olimpio</dc:creator>
      <pubDate>Sun, 04 Nov 2018 11:12:24 +0000</pubDate>
      <link>https://dev.to/rnrnshn/ruby-community-on-twitter-2oo7</link>
      <guid>https://dev.to/rnrnshn/ruby-community-on-twitter-2oo7</guid>
      <description>&lt;p&gt;Would suggest me some ruby and ruby on rails twitter accounts to follow the ruby community? I'm starting to study ruby and I would like to follow the ruby community and learn amazing things about ruby😍😍😍&lt;/p&gt;

</description>
      <category>ruby</category>
      <category>rails</category>
      <category>community</category>
    </item>
    <item>
      <title>English to Portuguese Translation</title>
      <dc:creator>Olimpio</dc:creator>
      <pubDate>Fri, 26 Oct 2018 23:24:32 +0000</pubDate>
      <link>https://dev.to/rnrnshn/english-to-portuguese-translation-16p0</link>
      <guid>https://dev.to/rnrnshn/english-to-portuguese-translation-16p0</guid>
      <description>&lt;p&gt;It's the last days of #Hacktoberfest. And I would like to help by contributing to any project. I am a native speaker of the Portuguese language and I am willing to translate any project in order to participate in #Hacktoberfest.&lt;br&gt;
Any project that needs translation? &lt;/p&gt;

</description>
      <category>hacktoberfest</category>
      <category>discuss</category>
      <category>opensource</category>
    </item>
  </channel>
</rss>
