ReasonML Quick Start Guide

Updating the router and navigation menu

In Router.re, we'll replace the /page1 route with the following:

/* Router.re */let routes = [  ...  {href: "/customers", title: "Customer List", component: <CustomerList />}  ...];

We'll also add the routes for /customers/create and /customers/:id:

/* Router.re */let routes = [  ...  {href: "/customers/create", title: "Create Customer", component: <Customer />,},  {href: "/customers/:id", title: "Update Customer", component: <Customer />}  ...];

The router has been updated so it can handle route variables (such as /customers/:id). This change has been made for you in Chapter07/app-start.

Finally, be sure to also update the navigation menu in <App.re />:

/* App.re */render: self =>  ...  <ul>    <li> <NavLink href=" ...