React has two parts: React DOM and React Components. React DOM is the API that does the actual rendering on a web page. React components are the parts that are rendered by the React DOM.
A React component has four major areas that we should be concerned about, including the following:
- JSX: This is the main syntax of a React component that is used to create UI/UX structures.
- Events: These are the code that triggers when the user interacts with the UI/UX.
- Life cycles: These are the methods or stages that a component undergoes during its rendering process.
- Data: The component does not care about the origin of the data and usually comes from somewhere. In our case, the data is handled by Redux.
