ajmaljalal/client-side-routing

Client Side Routing w/ React Router v. 4

Topics:

• React Router
• Passing Route Parameters

Instructions

• Fork this repository, then clone your fork.
• Run yarn or npm install to download dependencies.
• Run the server using yarn start, npm start or node server.js.
• In a separate terminal cd into the client folder and run yarn or npm install to download dependencies.
• Still inside the client folder run yarn start or npm start to run the client application.
• Inside /client/src/index.js add two routes.
  • one route for / that loads the MovieList component.
  • one route that will take an id parameter after/movies/ (ex: /movies/2, /movies/3 where the id is dynamic). This route should load the Movie component.
• When a user clicks on a movie card they should be taken to /movies/id of movie here to see the details for the selected movie.
• Add a link back to the home page from the Movie component inside /client/src/Movies/Movie.js.
• Modify line 12 on the Movie component to read the id from the URL.