Skip to content

README.md

Latest commit

 

History

History
15 lines (12 loc) · 1.04 KB

README.md

File metadata and controls

15 lines (12 loc) · 1.04 KB

React Router Lab

In this lab you will setup a router to move between differnet components and display them.

Requirement

  1. In the App.js require the component BrowserRouter and wrapp the whole app with it.
  2. Define Routes to [Posts, Dashboard, Products, Home] with this links [/posts, /admin, /products, /]
  3. Make sure to use Switch component.
  4. Display each product in the Products component id using the ProductDetails component match id with compoent using :id
    1. In the ProductDetail component display the Id of the product next to the text "Product Details - {id}"
    2. After the use clicks Save he should go back to the /products route and the history should be correct !!
  5. In the Posts component get the query string that is passed by the link, using query-string, and display it on the console as an object.
  6. In the Dasboard component fix the navigation to display a nested routing with relevent component in admin folder.
  7. Make sure to always prevent additonal requests to the server and make the app a Single Page App.