React Authentication Course

In this course, you will learn how to implement the Basic Authentication scheme in a React application using an Express REST API.

What you'll learn

• What is Basic authentication?
• User registration, sign in and sign out
• Configure React Router to protect specific routes
• Preserve authentication state across page refreshes

Introducing the Authentication Project

In this stage, you will start by reviewing the fundamentals of Basic Authentication and previewing the finished project. Then you will set up and run the starter project and walk through its source code.

Chevron 5 steps

• instruction

  What is Basic Authentication?

• Preview the Project

  2:13

• instruction

  Set up the React App

• instruction

  Run the Express Server

• Introducing Authentication Review

  5 questions

Implementing Basic Authentication

Now that you have the React application and Express server up and running, you will start by writing the user registration and login functionality with Basic Auth. Then you'll display custom content to users by providing the authenticated user state to components.

Chevron 6 steps

• instruction

  Set up User Registration

• instruction

  Implement the Sign up Form

• instruction

  Set up Basic Authentication

• instruction

  Implement Sign In

• instruction

  Display Authenticated User in the Header

• Implementing Basic Authentication Review

  5 questions

React Router and Authentication

In this stage, you will configure React Router to protect private routes, refine the user registration and sign in experience, and learn to preserve a user's authenticated state across page refreshes.

Chevron 6 steps

• instruction

  Protect Routes that Require Authentication

• instruction

  Implement User Sign Out

• instruction

  Refine and Complete Authentication

• instruction

  Preserve the User State with Cookies

• Wrap up and Next Steps

  1:17

• React Router and Authentication Review

  5 questions