Client Side React Router 4

React Router 4 offers a new dynamic paradigm for routing in React.js applications. This course shows the strength of dynamic routing and the possibilities of changing how you write React.js code when a Route becomes a first-class React component.

Course info

Rating

(47)

Level

Intermediate

Updated

Mar 2, 2018

Duration

1h 58m

Description

Routing in single page applications like those written in React.js helps to display the right content and components, but static routing can be very limiting. In this course, Client Side React Router 4, you'll learn how react-router-4 offers far more capability with dynamic routing and provides a unique model for routing in React.js applications. First, you'll learn the fundamentals of routing in react-router-4. Next, you'll begin to put react-router to work and by nesting and testing routes. Finally, you'll dive deep into advanced route handling techniques with React.js and even handle routing state in redux. By the end of this course, you'll have a very good working grasp of React Router 4 and its new dynamic programming model, which will change the way you write React code.

About the author

David Starr is a Principal Azure Solutions Architect for Microsoft and has worked in technology leadership positions for over 20 years. He specializes in agile software development practices, patterns and practices, and judicious application of various technologies within development teams. He is a 5 time Microsoft MVP in Visual Studio and a technical instructor with Pluralsight where he focuses on the software development practices and developer tooling curricula. David blogs at ElegantCode.com, is a frequent contributor at conferences and a frequent writer. He has successfully led many product development teams and is a technical learning professional.

Section Introduction Transcripts

Course OverviewHi everyone, my name is David Starr, and welcome to my course on React Router 4. You can find me at ElegantCode. com. React is the fastest growing JavaScript framework for single-page applications today. As any React application grows in complexity, introducing routing is a great way to organize and modularize the components in your application. Even if you've used React Router's previous versions, you're in for a new world with React Router 4. This course is a must for anyone using routing or who thinks they might want to use routing in their next React application. React developers moving up from previous router versions will definitely want to code their way through this course because React routing is no longer static, it's dynamic. Dynamic routing is a whole new paradigm, and this course shows it in full effect. Some of the major topics that we'll cover include static versus dynamic routing, routes as components, nested routes and parameters, storing routing data in a Redux store, recursive routes, and by the end of this course you'll be ready to tackle your next React web app with confidence and organize it cleanly using React Router 4. Before beginning the course, you should be familiar with basic React web apps, webpack, and npm. I hope you'll join me on this journey to learn cutting-edge React skills with the Client Side React Router 4 course, at Pluralsight.