Scenario

We want to add a section to our catalog app containing information about the available shipping methods.

Aim

The aim of this activity is to explore the components provided by React Routing.

Steps for Completion

1. Consider the project that was changed in the previous activity (or the existing project in the my-cart-03 folder).
2. Create a ShippingMethods component, showing a list of available shipping methods, and a ShippingMethod component, showing the details of each shipping method, according to a code passed via props (available shipping methods include Economic delivery (ECO), Standard delivery (STD), and Express delivery (EXP)).
3. Create a navigation bar and a routing configuration that allow us to navigate through the Catalog and Shipping method views.

Solution

A possible solution is the one contained in the my-cart-04 folder at Code/Chapter-3.