`Route` component

Each component placed inside the <Router></Router> element can access the router context, react to it, or manage it. We create routes by using the Route component and providing a path prop and an optional render or component prop (the exception being the 404HTML error message for page not found or file not found route). The value of a render prop must be a function that returns a valid React element. The component prop expects a component, not an element.

The correct implementation of both props can be summarized as ...

Introduction

Introduction to ES2015+

JSX – an Introduction

Rendering of Elements and Components in React

State and Lifecycle Methods

Event Handling

Forms

Lists, Fragments, and Conditional Rendering

CSS and Styling

Higher Order Components

Functions as a Child and Render Props

Context API

Refs

Error Boundaries

Portals

Code Splitting

Typechecking with PropTypes, Flow, and TypeScript

React Hooks – an Introduction

Hooks in Action

The Hooks API

Routing in React

State Management

Internationalization

Conclusion

Appendix

Defining Routes

`Route` component