There are several approaches on creating responsive web apps with ReactJS. Apart from using whole frameworks like Bootstrap, I wanted to create a responsive grid view with styled-components, which was amazingly painless.

In my last article, I showed how I built a HackerNews feed with React and styled-components. In the meantime I could connect this little news feed to the official HackerNews Firebase API. Like the last time, I will show you how I did it and what I experienced while doing so.

Some weeks ago I stumbled over an impressive new library called styled-components. It does not only enable you to write actual CSS in your JavaScript but also binds the styles automatically to ReactJS components. Learn more about this at their official docs and this video.

Being inspired by a blog post from Dave Ceddia about learning while copying existing products, I came up with the idea of building a small story feed for the HackerNews page while trying out styled-components.