1. ❰ Render COMPONENT with 'componentDidMount()' ❱ ❲ PostList ❳ ➟
  2. ❰ ACTION CREATOR from 'componentDidMount()' ❱ ❲ fetchPosts ❳ ➟
  3. ❰ ACTION with the fetched data ❱ ❲ ❴ type: 'FETCH_POSTS', payload: response ❵❳ ➟
  4. ⚞ STORE ⚟ ❰ REDUCERS returns STATE 'payload:' data ❱ ❲ postsReducer ❳ ➟
  5. ❰ ReRender COMPONENT with new data ❱ ❲ PostList ❳ ✓

Semantic UI

user Interface is the language of the web

Semantic UI CDN

empowers designers and developers by creating a shared vocabulary for UI.

semantic.min.css

https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.css

JSONPlaceholder

is a free online REST API that you can use whenever you need some fake data.

Lodash _.memoize(func, [resolver])

creates a helper function that memoizes the result of other (fetch) function

faker.js

generate massive amounts of fake data in the browser and node.js

Deep Space House Show 248