<?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: Elecweb</title>
    <description>The latest articles on Forem by Elecweb (@elecweb).</description>
    <link>https://forem.com/elecweb</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%2F67510%2F6006e562-f56d-46ad-aea1-fa0cd21b52f5.jpeg</url>
      <title>Forem: Elecweb</title>
      <link>https://forem.com/elecweb</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://forem.com/feed/elecweb"/>
    <language>en</language>
    <item>
      <title>Play in planck.js (Box2D)</title>
      <dc:creator>Elecweb</dc:creator>
      <pubDate>Sun, 03 Jan 2021 09:54:33 +0000</pubDate>
      <link>https://forem.com/elecweb/play-in-planck-js-box2d-1km1</link>
      <guid>https://forem.com/elecweb/play-in-planck-js-box2d-1km1</guid>
      <description>&lt;p&gt;&lt;iframe height="600" src="https://codepen.io/elecweb/embed/QWKmKeP?height=600&amp;amp;default-tab=result&amp;amp;embed-version=2"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

</description>
      <category>codepen</category>
    </item>
    <item>
      <title>Play with restitution in planck.js (Box2D)</title>
      <dc:creator>Elecweb</dc:creator>
      <pubDate>Sat, 02 Jan 2021 17:18:47 +0000</pubDate>
      <link>https://forem.com/elecweb/play-with-restitution-in-planck-js-box2d-20kk</link>
      <guid>https://forem.com/elecweb/play-with-restitution-in-planck-js-box2d-20kk</guid>
      <description>&lt;p&gt;&lt;iframe height="600" src="https://codepen.io/elecweb/embed/NWRYqjQ?height=600&amp;amp;default-tab=result&amp;amp;embed-version=2"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

</description>
      <category>codepen</category>
    </item>
    <item>
      <title>Smooth infinite scrolling with hyperspace effect</title>
      <dc:creator>Elecweb</dc:creator>
      <pubDate>Sun, 27 Dec 2020 16:18:10 +0000</pubDate>
      <link>https://forem.com/elecweb/smooth-infinite-scrolling-with-hyperspace-effect-58dj</link>
      <guid>https://forem.com/elecweb/smooth-infinite-scrolling-with-hyperspace-effect-58dj</guid>
      <description>&lt;p&gt;&lt;iframe height="600" src="https://codepen.io/elecweb/embed/oNzomqO?height=600&amp;amp;default-tab=result&amp;amp;embed-version=2"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

</description>
      <category>codepen</category>
    </item>
    <item>
      <title>Webpack plugin for fetch data at build time</title>
      <dc:creator>Elecweb</dc:creator>
      <pubDate>Fri, 29 May 2020 10:53:58 +0000</pubDate>
      <link>https://forem.com/elecweb/webpack-plugin-for-fetch-data-at-build-time-5cod</link>
      <guid>https://forem.com/elecweb/webpack-plugin-for-fetch-data-at-build-time-5cod</guid>
      <description>&lt;h2&gt;
  
  
  About Static Source Data
&lt;/h2&gt;

&lt;p&gt;The goal of this module is we want to show data in page from API Servie (e.g. Landing Page, About us), we don't want to fetch data in run time (using &lt;code&gt;fetch&lt;/code&gt; or &lt;code&gt;axios&lt;/code&gt;) because that make user waiting for loading data. It's ok for often chagning data to use fetch at run time but for rarely changing data, it might be better in some case if we can fetch data at build time.&lt;/p&gt;

&lt;h3&gt;
  
  
  Why don't we hardcode content?
&lt;/h3&gt;

&lt;p&gt;We want to use data from API service because we might use CMS for non-technical person to update data (headless cms is good for this) and client fetch updated data via API service.&lt;/p&gt;

&lt;h2&gt;
  
  
  Who's suiable for this module
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;You want to show data which rarely updated in page (e.g. Landing Page, About us) and don't want to fetch at run time.&lt;/li&gt;
&lt;li&gt;You don't want to hardcode content in html because it takes time due to require collaboration of developer and non-technical person for updating content.&lt;/li&gt;
&lt;li&gt;You want to implement CMS or use headless CMS service for non-technical person update content. That ways, client need to fetch data via API servie somehow.&lt;/li&gt;
&lt;li&gt;You don't want to keep track content file in your workspace.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;if you're interested, you can look at our github.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://github.com/20Scoops-CNX/static-source-data"&gt;https://github.com/20Scoops-CNX/static-source-data&lt;/a&gt;&lt;/p&gt;

</description>
      <category>webpack</category>
      <category>javascript</category>
      <category>react</category>
      <category>opensource</category>
    </item>
    <item>
      <title>Learn Bezier: Bernstein Polynomal</title>
      <dc:creator>Elecweb</dc:creator>
      <pubDate>Sun, 15 Mar 2020 14:51:05 +0000</pubDate>
      <link>https://forem.com/elecweb/learn-bezier-bernstein-polynomal-3eef</link>
      <guid>https://forem.com/elecweb/learn-bezier-bernstein-polynomal-3eef</guid>
      <description>&lt;p&gt;&lt;iframe height="600" src="https://codepen.io/elecweb/embed/LYVOOaz?height=600&amp;amp;default-tab=result&amp;amp;embed-version=2"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

</description>
      <category>codepen</category>
    </item>
    <item>
      <title>Learn Particle: Snow Flake</title>
      <dc:creator>Elecweb</dc:creator>
      <pubDate>Sun, 23 Feb 2020 04:52:03 +0000</pubDate>
      <link>https://forem.com/elecweb/learn-particle-snow-flake-4b1d</link>
      <guid>https://forem.com/elecweb/learn-particle-snow-flake-4b1d</guid>
      <description>&lt;p&gt;&lt;iframe height="600" src="https://codepen.io/elecweb/embed/wvaojLV?height=600&amp;amp;default-tab=result&amp;amp;embed-version=2"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

</description>
      <category>codepen</category>
    </item>
    <item>
      <title>Learn Particle: Bright Rain</title>
      <dc:creator>Elecweb</dc:creator>
      <pubDate>Sat, 22 Feb 2020 10:42:09 +0000</pubDate>
      <link>https://forem.com/elecweb/learn-particle-attraction-and-repulsion-2abb</link>
      <guid>https://forem.com/elecweb/learn-particle-attraction-and-repulsion-2abb</guid>
      <description>&lt;p&gt;&lt;iframe height="600" src="https://codepen.io/elecweb/embed/rNVWpEy?height=600&amp;amp;default-tab=result&amp;amp;embed-version=2"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

</description>
      <category>codepen</category>
    </item>
    <item>
      <title>Learn Particle: Attraction and Repulsion</title>
      <dc:creator>Elecweb</dc:creator>
      <pubDate>Sat, 22 Feb 2020 06:34:11 +0000</pubDate>
      <link>https://forem.com/elecweb/learn-particle-attraction-and-repulsion-33oh</link>
      <guid>https://forem.com/elecweb/learn-particle-attraction-and-repulsion-33oh</guid>
      <description>&lt;p&gt;&lt;iframe height="600" src="https://codepen.io/elecweb/embed/ExjgzQe?height=600&amp;amp;default-tab=result&amp;amp;embed-version=2"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

</description>
      <category>codepen</category>
    </item>
    <item>
      <title>Learn Particle: Firework</title>
      <dc:creator>Elecweb</dc:creator>
      <pubDate>Thu, 20 Feb 2020 23:59:57 +0000</pubDate>
      <link>https://forem.com/elecweb/learn-particle-firework-c8j</link>
      <guid>https://forem.com/elecweb/learn-particle-firework-c8j</guid>
      <description>&lt;p&gt;&lt;iframe height="600" src="https://codepen.io/elecweb/embed/VwLaNMq?height=600&amp;amp;default-tab=result&amp;amp;embed-version=2"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

</description>
      <category>codepen</category>
    </item>
    <item>
      <title>Learn Particle: Smoke effect</title>
      <dc:creator>Elecweb</dc:creator>
      <pubDate>Sun, 16 Feb 2020 18:52:35 +0000</pubDate>
      <link>https://forem.com/elecweb/learn-particle-smoke-effect-91l</link>
      <guid>https://forem.com/elecweb/learn-particle-smoke-effect-91l</guid>
      <description>&lt;p&gt;&lt;iframe height="600" src="https://codepen.io/elecweb/embed/GRJZMpq?height=600&amp;amp;default-tab=result&amp;amp;embed-version=2"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

</description>
      <category>codepen</category>
    </item>
    <item>
      <title>Learn ThreeJS: Apply Material</title>
      <dc:creator>Elecweb</dc:creator>
      <pubDate>Wed, 12 Feb 2020 02:43:59 +0000</pubDate>
      <link>https://forem.com/elecweb/learn-threejs-apply-material-4jnk</link>
      <guid>https://forem.com/elecweb/learn-threejs-apply-material-4jnk</guid>
      <description>&lt;p&gt;&lt;iframe height="600" src="https://codepen.io/elecweb/embed/jOPPNqo?height=600&amp;amp;default-tab=result&amp;amp;embed-version=2"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

</description>
      <category>codepen</category>
    </item>
    <item>
      <title>Planet (wave wrap effect)</title>
      <dc:creator>Elecweb</dc:creator>
      <pubDate>Sun, 26 Jan 2020 05:05:07 +0000</pubDate>
      <link>https://forem.com/elecweb/planet-wave-wrap-effect-16c7</link>
      <guid>https://forem.com/elecweb/planet-wave-wrap-effect-16c7</guid>
      <description>&lt;p&gt;&lt;iframe height="600" src="https://codepen.io/elecweb/embed/yLyREqo?height=600&amp;amp;default-tab=result&amp;amp;embed-version=2"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

</description>
      <category>codepen</category>
    </item>
  </channel>
</rss>
