Setup

We're going to be making a page that shows a list of articles as cards.

  1. At first, we're going to be using data.js to setup the ArticleCard component and work on our styling using Tachyons and Styled Components.
  2. Then we're going to migrate the contents of data.js to a Redux store, add actions like addArticle and deleteArticle.
  3. Finally, we're going to write a fetchArticles action to connect to an existing API.

Tachyons

Tachyons is a CSS library - like a more professional and versatile Bootstrap.

Let's use Tachyons to turn our ugly pre tags into lovely card components.