Creating a React App with create-react-app

Setting up a React app can be confusing, since you have to take care of a lot of stuff that you don’t want to think about—at least at the beginning of your React journey. Fortunately there is a tool called create-react-app that is a neat shortcut. It allows you to start developing right away without having to worry about stuff like webpack and/or babel.

Continue reading Creating a React App with create-react-app

A React Beginners Roadmap through the React Ecosystem

React beginners often have a hard time learning React, since the React ecosystem seems huge. You will inevitably stumble upon stuff like Redux, Webpack or Babel very early. At this point I was so overwhelmed because I had no clue where to start first.

It was even more confusing that I didn’t even know the problems that those tools tried to solve. Today I know better and I’m going to tell you that there is no need for any of these – at least not yet.

Continue reading A React Beginners Roadmap through the React Ecosystem

Validating Props easily with React PropTypes

React PropTypes are a good way to help you catching bugs by validating data types of values passed through props. They also offer possibilities to flag props as mandatory or set default values. They provide a great benefit with little effort. 

Continue reading Validating Props easily with React PropTypes

How to create responsive UI with styled-components

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.

Continue reading How to create responsive UI with styled-components

Connecting my app to the HackerNews Firebase API

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.

Continue reading Connecting my app to the HackerNews Firebase API

How to build a simple HackerNews feed with styled-components

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.

Continue reading How to build a simple HackerNews feed with styled-components