refactor(starter): upgrade and move to typescript

src/components/Feed/__snapshots__/Feed.test.tsx.snap

@@ -1,101 +1,67 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Feed renders correctly 1`] = `
-<div
-  className="feed"
->
-  <div
-    className="feed__item"
-  >
-    <div
-      className="feed__item-meta"
-    >
+<div>
+  <div>
+    <div>
       <time
-        className="feed__item-meta-time"
         dateTime="September 1, 2016"
       >
         September 2016
       </time>
-      <span
-        className="feed__item-meta-divider"
-      />
-      <span
-        className="feed__item-meta-category"
-      >
+      <span />
+      <span>
         <a
-          className="feed__item-meta-category-link"
-          href="/test_0"
+          href="/typography"
         >
-          test_0
+          typography
         </a>
       </span>
     </div>
-    <h2
-      className="feed__item-title"
-    >
+    <h2>
       <a
-        className="feed__item-title-link"
-        href="/test_0"
+        href="/posts/perfecting-the-art-of-perfection"
       >
-        test_0
+        Perfecting the Art of Perfection
       </a>
     </h2>
-    <p
-      className="feed__item-description"
-    >
-      test_0
+    <p>
+      An Essay on Typography by Eric Gill takes the reader back to the year 1930. The year when a conflict between two worlds came to its term. The machines of the industrial world finally took over the handicrafts.
     </p>
     <a
-      className="feed__item-more"
-      href="/test_0"
+      href="/posts/perfecting-the-art-of-perfection"
     >
       Read
     </a>
   </div>
-  <div
-    className="feed__item"
-  >
-    <div
-      className="feed__item-meta"
-    >
+  <div>
+    <div>
       <time
-        className="feed__item-meta-time"
         dateTime="September 1, 2016"
       >
         September 2016
       </time>
-      <span
-        className="feed__item-meta-divider"
-      />
-      <span
-        className="feed__item-meta-category"
-      >
+      <span />
+      <span>
         <a
-          className="feed__item-meta-category-link"
-          href="/test_1"
+          href="/design-inspiration"
         >
-          test_1
+          design inspiration
         </a>
       </span>
     </div>
-    <h2
-      className="feed__item-title"
-    >
+    <h2>
       <a
-        className="feed__item-title-link"
-        href="/test_1"
+        href="/posts/the-birth-of-movable-type"
       >
-        test_1
+        Johannes Gutenberg: The Birth of Movable Type
       </a>
     </h2>
-    <p
-      className="feed__item-description"
-    >
-      test_1
+    <p>
+      German inventor Johannes Gutenberg developed a method of movable type and used it to create one of the western world’s first major printed books, the “Forty–Two–Line” Bible.
     </p>
     <a
-      className="feed__item-more"
-      href="/test_1"
+      href="/posts/the-birth-of-movable-type"
     >
       Read
     </a>