While learning React, most people develop and test their apps locally. I mean … they’re just demo apps for learning purposes right? Nobody wants to see stuff like that, so why even think of deploying the apps somewhere?
But then comes the day where you try to deploy a React App to a web server, so you could show it to the people out there: “Look! I made this!”. And that’s how it was for me too. Continue reading How to fix BrowserRouter for React Apps on Apache
This might sound familiar to you: You run your React app after you made some changes to test your new functionality and get an error message like this: “this.setState’ is not a function“. It’s probably because you forgot to bind a callback function before passing it down a prop. Today you’ll learn why you need to bind, and how to bind a callback function in React.
Continue reading How and Why to Bind a Callback Function in React Components
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.
Continue reading How to Connect your React App to a REST API
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.
Continue reading How To Create a React List Component
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 How to Create a React App with create-react-app
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
It’s almost impossible to know all of the available frameworks and technologies, frontend or backend. But somehow you still have to choose a technology stack, or you will never start building. In this article I’ll show you how to handle this problem in the beginning until you’ve built the necessary experience.
Continue reading Choosing a Technology Stack for your Project
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.
Continue reading React Functional Components vs. Class Components
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
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.
Continue reading How to use React Lifecycle Methods