Skip to content

Exercise 08 : React Router Tutorial

Introduction

React Router is a fully-featured client and server-side routing library for React, a JavaScript library for building user interfaces. React Router runs anywhere React runs; on the web, on the server with node.js, and on React Native.

Work

Follow React Router Tutorial and complete a React Router Contacts app.

Image 01

You will learn a following topics from React Router:

  • Configuring Routes
  • Navigating with Link
  • Creating Links with active styling
  • Using Nested Routes for Layout
  • Navigating programmatically
  • Using URL params for data loading
  • Using URL Search params
  • Creating your own behaviors through composition
  • Server Rendering

Tip

Try to use your own CSS skills and make it look better!

Push exercise 08 / React Router Tutorial to GitLab

Test your application in web browser, take screenshots and commit/push your project and screenshots back to JAMKIT/GitLab. Remember move your exercise/issue ticket from Doing to In Review in Issues Board and write your learning comments to issue comments.

Save screenshots to router-tutorial folder.