Learning Redux

Creating a static React component

As you can see, we are storing JSX in a simple JavaScript constant. However, this constant is not a fully fledged React component yet. The idea of components is to split your user interface into multiple independent and reusable pieces. Then, you combine those pieces into a full application. The idea is to have simple components that are easy to create, extend, and reason about. The complexity of the application is contained by composing simple components into a complex application.

Now, you are going to learn how to create React components. There are two ways a React component can be defined:

• Function: This is called a functional component; for example, MyComponent(props) 
• Class: This is called a class ...