Functional components are capable of performing all the work of a class-based component beginning with React 16, via the “hooks” API. Simple class-based vs. functional comparison ...

Now instead of accessing the props as we usually would in a regular React component like this.props.name we instead have a variable name that we can access directly. After moving over the rendering ...