Learn how to build a user interface for logging in and out.
- [Instructor] During the last chapter,…we worked really hard to get our authentication working.…But now I bet you want to see it in action.…We're going to do that in this video.…As you remember, we put a place right here,…inside of our Nav drawer to put our login container.…This is where the button's going to go.…Let's open up that file.…Here, at the top of Nav drawer, on lines 34 through 42,…we see this placeholder login container that we made.…Let's go ahead and make a component AuthButton…that we'll replace this with.…
On the left hand side here, I'm going to make a new file,…I'm going to call it AuthButton.js.…I'm going to go back to Nav drawer, and I'm going to delete…lines 34 through 42, and I'm going to add AuthButton here.…I'm also going to make sure to go up to…the very top of this file and import it.…You'll see in the console you get an error,…AuthButton is not defined.…We'll say import AuthButton from…and since AuthButton is in the same directory…as components, we only need to do a singe period.…
I'll save it.…
- 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
React.js: Building an Interface (2016)with Ray Villalobos1h 21m 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.