How to Connect your React App to a REST API

Hello again! Did you ever try to display data from a remote backend in your React app? In the third part of this article series, you will learn how to fetch data from a REST API and use it inside your app. 

How To Create a React List Component

Today we’re going to create a React list component, that renders a list of Contact components. You’ll learn how to create functional stateless components and how to pass props from a parent component.

How to Create 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 […]

A React Beginners Roadmap through the React Ecosystem

A road through the desert that should represent the React Beginners Roadmap

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 […]

React Functional Components vs. Class Components

some colorful roof tiles to represent class, and functional components

Functional components are simpler and easier to test in comparison to class components. However, both of them have pros and cons and today you’ll learn the differences and when to use which type of components.

Validating Props easily with React PropTypes

React PropTypes header image of a coast guard

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. 

How to use React Lifecycle Methods

Notebook and monitor with a clock on it

React lifecycle methods can be confusing if you don’t know which one to use for your particular use case. Today I’m going to show you, which lifecycle methods exist, and how to use them correctly.

A developer’s way into modern web development

I developed enterprise software (.NET) for about six years, when I started to dive into web development. Today I’m going to tell you about the journey, what I could have done better, and what I plan for the future.

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.

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.