React Router

Launching: January 2018
  • 35 Lessons
  • 304 Minutes
  • Updated N/A
Components are the heart of React's powerful, declarative programming model. React Router is a collection of navigational components that compose declaratively with your application. In this course you'll learn the API, the implementation, and the reasons behind React Router v4.

Pre-Requisites

Just a basic understanding of React.
Sign Up

What you'll learn

  • Philosophy behind React Router V4

  • URL Parameters

  • Nested Routes

  • Passing props to Router components

  • Programatically navigate with React Router

  • Redirects (Authentication)

  • 404 Pages

  • Ambiguous Matches

  • Passing props to Link

  • Sidebars

  • Breadcrumbs

  • Route Configs

  • Custom Link components

  • Preventing transitions

  • Animated Transitions

  • Recursive Paths

  • Modal Galleries

  • Server Rendering

  • Code Splitting

  • Scroll Restoration

  • Testing

  • Redux Integration

Who is this course for?

  • Newcomers to React Router who want to better understand how to utilize the Router's component based API
  • Experienced developers who want to better understand React Router's abstraction
  • Advanced developers wanting to know how to code split or server side render their React Router apps
Sign Up

Course Outline

  • Introduction

    Introduction
    What to expect
  • React Router v4: Philosophy and introduction

    Video
    Text
  • URL Parameters

    Video
    Text
  • Nested Routes with React Router

    Video
    Text
  • Passing props to a component rendered by React Router

    Video
    Text
  • Programatically navigate with React Router v4

    Video
    Text
  • Protected routes and authentication/authorization with React Router v4

    Video
    Text
  • Handling 404 pages with React Router

    Video
    Text
  • Ambiguous Matches with React Router

    Video
    Text
  • Pass props to React Router's Link component

    Video
    Text
  • Rendering a Sidebar or Breadcrumbs with React Router

    Video
    Text
  • Route Config with React Router

    Video
    Text
  • React Router v4: Customizing your own Link component

    Video
    Text
  • Preventing transitions with React Router

    Video
    Text
  • Animated Transitions with React Router

    Video
    Text
  • Recursive paths with React Router

    Video
    Text
  • Handling Modals with React Router

    Video
    Text
  • Project

    Coming soon
    Coming soon
  • Server Rendering with React Router

    Video
    Text
  • Code Splitting with React Router

    Video
    Text
  • Scroll restoration with React Router

    Video
    Text
  • Testing with React Router

    Video
    Text
  • Redux integration with React Router

    Video
    Text
  • Fixing 'cannot GET *url*' error in React Router

    Video
    Text

TylerMcGinnis.com - The best courses I've ever seen.

Taras Protchenko
Sign Up