Hands-On Full Stack Development with Go

React components

After constructing the elements that represent your visual views, you will need to wrap them with React components to be able to properly use them in your React project.

A React component is typically composed of the following:

• React elements, which we discussed in the JSX and React elements section
• Props, which we will discuss in the Props section
• State, which we will discuss in the State section

Before we jump into props and state, let's cover some basics. A component is typically written as a JavaScript class or a function. Let's write a simple component to get a feeling for what they are really about.

Remember the card element we covered in the JSX and React elements section? Here is how it looked:

 <div className="col-md-6 ...