React: React Router

1h 26mAdvanced2018-06-05

Authors

Emmanuel Henri

Executive with 20+ years of experience in programming and design

Course details

Client-side routing moves information through applications, sending information where it needs to go. As you move from the simplest React applications to more intricate projects, React Router can help you manage the flow of data through your apps. In this course, explore routing with React Router for both web and native applications. Emmanuel Henri reviews the basics of routing and steps through some common web and native routing use cases. He also provides a brief overview of server-side rendering and discusses testing with React Router.

Learning objectives
What is routing?
How React Router can be used across different types of projects
Web routing and native routing
How to do URL params and dynamic routing
Basic React Native routing
Server-side rendering use cases
Testing use cases

Skills covered

React.jsMetaFront-End Web DevelopmentWeb DevelopmentDeep Dive (X:Y)

Concepts

0. Introduction

01 - Welcome
02 - Course prerequisites
03 - Using the exercise files

1. Setting Up

04 - Brief introduction of our toolset
05 - Overview of routing
06 - Routing options - Web or Native

2. Web Routing

07 - Web project template
08 - Basic routing
09 - Routing with props in routes
10 - URL params and dynamic routing
11 - No match handling
12 - A few more cases

3. Native Routing

13 - Native project template
14 - Basic React Native routing
15 - Props and no match handling
16 - Params and dynamic routing in React Native
17 - A few more cases

4. Further Exploration

18 - Server-side rendering
19 - Testing with React Router

Conclusion

20 - Next steps