React Security Fundamentals
Buy now
Learn more
Getting Started
Tour the Application
Sign Up for MongoDB Atlas
Clone the Repo and Install Dependencies
Run the React App and Express API
Checkout the Start Branch
JSON Web Tokens
Anatomy of a JSON Web Token
Sign a JSON Web Token
JSON Web Token Dos and Don'ts
Signup and Login
View the Signup and Login Endpoints
Complete the User Signup Form
Complete the User Login Form
Handling Auth State
Set Auth State after Login
Use Auth State in UI Elements
Persist Auth State on Page Refresh
Check if the User is Currently Authen...
Navigate Conditionally Based on Auth ...
Add Logout Functionality
Check the User's Role
Conditionally Display Sidebar Items
Handling Client-Side Routing
Guard Client Side Routes Based on Aut...
Guard Client Side Routes Based on Role
Handling Authenticated HTTP Requests
Add a JWT to an Axios Request
Add an HTTP Interceptor to Axios
Protecting API Endpoints
Add a JWT Verification Middleware
Attach a User to the Request Object
Limit Access to Admin Users
Get the User ID from Requests
Hardening the Application
Use Lazy Loading to Limit Access to Code
Maintain an Allowed Origin List for T...
Sanitize Content when Setting InnerHTML
Carry Out a Cross-Site Scripting Attack
Steal a JSON Web Token
Sanitize a Cross-Site Scripting Attack
Switching to Cookies
How Cookies Work
Add a Proxy to the API
Set a Cookie on Login and Signup
Stop Storing JWT in Local Storage
Verify JWT from Cookie
Add a Cross-Site Request Forgery Token
Products
Course
Section
Handling Auth State
Handling Auth State
React Security Fundamentals
Buy now
Learn more
Getting Started
Tour the Application
Sign Up for MongoDB Atlas
Clone the Repo and Install Dependencies
Run the React App and Express API
Checkout the Start Branch
JSON Web Tokens
Anatomy of a JSON Web Token
Sign a JSON Web Token
JSON Web Token Dos and Don'ts
Signup and Login
View the Signup and Login Endpoints
Complete the User Signup Form
Complete the User Login Form
Handling Auth State
Set Auth State after Login
Use Auth State in UI Elements
Persist Auth State on Page Refresh
Check if the User is Currently Authen...
Navigate Conditionally Based on Auth ...
Add Logout Functionality
Check the User's Role
Conditionally Display Sidebar Items
Handling Client-Side Routing
Guard Client Side Routes Based on Aut...
Guard Client Side Routes Based on Role
Handling Authenticated HTTP Requests
Add a JWT to an Axios Request
Add an HTTP Interceptor to Axios
Protecting API Endpoints
Add a JWT Verification Middleware
Attach a User to the Request Object
Limit Access to Admin Users
Get the User ID from Requests
Hardening the Application
Use Lazy Loading to Limit Access to Code
Maintain an Allowed Origin List for T...
Sanitize Content when Setting InnerHTML
Carry Out a Cross-Site Scripting Attack
Steal a JSON Web Token
Sanitize a Cross-Site Scripting Attack
Switching to Cookies
How Cookies Work
Add a Proxy to the API
Set a Cookie on Login and Signup
Stop Storing JWT in Local Storage
Verify JWT from Cookie
Add a Cross-Site Request Forgery Token
8 Lessons
Set Auth State after Login
Use Auth State in UI Elements
Persist Auth State on Page Refresh
Check if the User is Currently Authen...
Navigate Conditionally Based on Auth ...
Add Logout Functionality
Check the User's Role
Conditionally Display Sidebar Items