<?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>Forem: Arunoda Susiripala</title>
    <description>The latest articles on Forem by Arunoda Susiripala (@arunoda).</description>
    <link>https://forem.com/arunoda</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%2F399791%2F1f83f39e-c6f1-43ce-b056-975b9f5f8bea.jpeg</url>
      <title>Forem: Arunoda Susiripala</title>
      <link>https://forem.com/arunoda</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://forem.com/feed/arunoda"/>
    <language>en</language>
    <item>
      <title>How to Learn Next.js in 2020</title>
      <dc:creator>Arunoda Susiripala</dc:creator>
      <pubDate>Wed, 09 Sep 2020 04:09:20 +0000</pubDate>
      <link>https://forem.com/arunoda/how-to-learn-next-js-in-2020-4bmg</link>
      <guid>https://forem.com/arunoda/how-to-learn-next-js-in-2020-4bmg</guid>
      <description>&lt;p&gt;Hey, I'm Arunoda(a former Next.js maintainer) &amp;amp; here's how my proposal to learn Next.js in 2020. This path is created for someone who has limited time to learn.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://www.freecodecamp.org/learn"&gt;Learn some JavaScript &amp;amp; CSS&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://egghead.io/courses/simplify-react-apps-with-react-hooks"&gt;Learn React with Hooks&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://nextjs.org/learn"&gt;Start with Learn Next.js Guide&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Think about an example app to build (or your product in mind)&lt;/li&gt;
&lt;li&gt;Do first 12 lessons of &lt;a href="https://getstarted.sh/bulletproof-next"&gt;Bulletproof Next&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Start building your app&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;You will find many issues while building your Next.js app. Search for them on Google. If you didn't find something, maybe you are doing something wrong, or that's a known issue.&lt;/p&gt;

&lt;p&gt;In either case, ask questions on Stackoverflow &amp;amp; &lt;a href="https://github.com/vercel/next.js/discussions"&gt;Next.js discussions&lt;/a&gt;.&lt;/p&gt;

&lt;h3&gt;
  
  
  Reality 🤯
&lt;/h3&gt;

&lt;p&gt;Let's talk about reality. You cannot do this in a &lt;strong&gt;few hours&lt;/strong&gt;. Depending on your prior experience, it'll take a week or a month.&lt;/p&gt;

&lt;p&gt;If you are new to web development, it will take up to a few months.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Happy Learning! 🔥&lt;/strong&gt;&lt;/p&gt;

</description>
    </item>
    <item>
      <title>Unity: How to Build &amp; Run on iPhone</title>
      <dc:creator>Arunoda Susiripala</dc:creator>
      <pubDate>Tue, 08 Sep 2020 15:27:18 +0000</pubDate>
      <link>https://forem.com/arunoda/unity-how-to-build-run-on-iphone-535k</link>
      <guid>https://forem.com/arunoda/unity-how-to-build-run-on-iphone-535k</guid>
      <description>&lt;p&gt;Recently I started playing with Unity &amp;amp; wanted to create a Game for iOS. But when I try to run it on my iPhone the process was not smooth.  &lt;/p&gt;

&lt;p&gt;I had to face some challenges (not with Unity) &amp;amp; here's how I fixed them:&lt;/p&gt;

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

</description>
      <category>unity3d</category>
      <category>games</category>
    </item>
    <item>
      <title>If you are using Lighthouse, think about this</title>
      <dc:creator>Arunoda Susiripala</dc:creator>
      <pubDate>Thu, 25 Jun 2020 19:13:27 +0000</pubDate>
      <link>https://forem.com/arunoda/if-you-are-using-lighthouse-think-about-this-c3d</link>
      <guid>https://forem.com/arunoda/if-you-are-using-lighthouse-think-about-this-c3d</guid>
      <description>&lt;p&gt;&lt;a href="https://developers.google.com/web/tools/lighthouse"&gt;Lighthouse&lt;/a&gt; is a tool that comes with Chrome, which we often use to analyze a website for performance, SEO, best practices, etc. &lt;/p&gt;

&lt;p&gt;Recently, I discover a trend among developers who want to get the top score for their websites. Or they expect websites to have a 100% score.&lt;/p&gt;

&lt;p&gt;So, I want to understand whether it's a good idea to optimize our apps for Lighthouse or not. Then I ran Lighthouse on a set of popular websites I use every day. Here's the result.&lt;/p&gt;

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

&lt;p&gt;Read more: &lt;a href="https://arunoda.me/blog/lighthouse-syndrome"&gt;Lighthouse Syndrome&lt;/a&gt;&lt;/p&gt;

</description>
      <category>javascript</category>
      <category>webperf</category>
    </item>
    <item>
      <title>Do we still need Server Side Rendering with React?</title>
      <dc:creator>Arunoda Susiripala</dc:creator>
      <pubDate>Fri, 19 Jun 2020 15:58:56 +0000</pubDate>
      <link>https://forem.com/arunoda/do-we-still-need-server-side-rendering-with-react-5ffl</link>
      <guid>https://forem.com/arunoda/do-we-still-need-server-side-rendering-with-react-5ffl</guid>
      <description>&lt;p&gt;If we want to talk about Server Side Rendering with React, we should speak of Next.js. Here's my analysis of whether SSR is still relevant in 2020 or not?&lt;/p&gt;

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

&lt;p&gt;You can also read my blog post: &lt;a href="https://arunoda.me/blog/hey-nextjs-is-server-side-rendering-dead"&gt;Hey Next.js, Is Server Side Rendering Dead?&lt;/a&gt;&lt;/p&gt;

</description>
      <category>react</category>
      <category>javascript</category>
    </item>
    <item>
      <title>Explore: Next.js Incremental Builds Support</title>
      <dc:creator>Arunoda Susiripala</dc:creator>
      <pubDate>Fri, 12 Jun 2020 18:12:44 +0000</pubDate>
      <link>https://forem.com/arunoda/explore-next-js-incremental-builds-support-4jfi</link>
      <guid>https://forem.com/arunoda/explore-next-js-incremental-builds-support-4jfi</guid>
      <description>&lt;p&gt;Next.js recently made some excellent improvements to Static Site Generation (SSG) functionality. Now you create static apps and get all the benefits while you can build them faster and re-generate pages on the server.&lt;/p&gt;

&lt;p&gt;So, it's like taking all the great things from Server Side Rendering (SSR) and static site generation(SSG) and create something powerful.&lt;/p&gt;

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

&lt;p&gt;Read more about &lt;a href="https://arunoda.me/blog/what-is-nextjs-issg"&gt;Next.js Incremental Builds&lt;/a&gt;.&lt;/p&gt;

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