Learn how to enable client-side routing with React Router.
- [Instructor] Let's take a second to think again…about the site we're working towards.…We wanted to have a profile view and a game view.…Our application like many single page applications,…is going to rely on routing, or the ability…to read changes in the URL and use that information…to inform the application about which views…and data should be rendered to the page.…Since we're building a single page application,…we need to utilize a client-side routing library…to help our application manage and consume information,…store it in the browser's URL.…For this we're going to use a popular library…called React Router.…
React Router allows us to make use of URL information…in our application all while writing very React-like code.…Now we're going to install React Router.…But it's important to know that because of an update,…React Router recently updated to version four,…we need to make sure we use version three…because version four is no longer compatible…with one of the other libraries we're going to use,…so I'm going to show you how to install…
- Installing local dependencies
- Generating a starter project
- Deploying to Heroku
- Planning your development process
- Using styled-components
- Styling for mobile
- Setting up models on Graphcool
- Creating Relay mutations
- Adding Relay to your authentication flow
- Protecting routes with authentication
Skill Level Intermediate
2. Deployment Environments
3. App Functionality
4. Implementing Libraries
5. Creating Components
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.