Summary

In this chapter, you learned about routing in React applications. The job of a router is to render content that corresponds to a URL. The react-router package is the standard tool for the job.

You learned how routes are JSX elements, just like the components they render. Sometimes you need to split routes into feature-based routes modules. A common pattern for structuring page content is to have a parent component that renders the dynamic parts as the URL changes.

You learned how to handle the dynamic parts of URL segments and query strings. You also learned how to build links throughout your application using the <Link> element. Finally, you saw how large applications are able to scale by lazily loading their route configurations and their components.

In the next chapter, you'll learn how to render React components in Node.js.