add loadng messages

client/pages/home.comp.html

@@ -14,13 +14,15 @@
                     </ul>
                 </div>
                 <div id="globalFeed">
+                    <span>Loading articles ...</span>
                 </div>
             </div>
 
             <div class="col-md-3">
                 <div class="sidebar">
                     <p>Popular Tags</p>
                     <div id="tagList" class="tag-list">
+                        Loading tags ...
                     </div>
                 </div>
             </div>

client/pages/home.comp.js

@@ -43,6 +43,7 @@ export class HomeComponent extends HTMLElement {
         fetch('https://conduit.productionready.io/api/articles').then(function (response) {
             return response.json();
         }).then(r => {
+            this.cleanGlobalFeed();
             r.articles.forEach(article => {
                 this.generateArticle(article, globalFeed);
             });
@@ -66,6 +67,9 @@ export class HomeComponent extends HTMLElement {
         fetch('https://conduit.productionready.io/api/tags').then(function (response) {
             return response.json();
         }).then(r => {
+            while (tagList.firstChild) {
+                tagList.removeChild(tagList.firstChild);
+            }
             r.tags.forEach(tag => {
                 const tagEl = this.createNewTagElement(tag);
                 tagEl.addEventListener('click', () => {

package.json

@@ -7,7 +7,7 @@
   "license": "MIT",
   "scripts": {
     "start": "webpack-dev-server",
-    "build": "webpack --config webpack.config.prod.js",
+    "build": "rm -rf dist && webpack --config webpack.config.prod.js",
     "prod": "cp serve.js dist/serve.js && node serve.js"
   },
   "dependencies": {