Overview: Building Login and Registration Forms

Registration and login are essential features of web applications that have users. Even if an authentication flow can be handled directly with simple requests, there is also a need to have logic working behind the UI to manage the authentication and session, especially if we are using a JSON web token (JWT).

Topics covered in this chapter

In this chapter, we’ll create login and registration forms with React. There is a lot to do and learn here, but here’s what this chapter will cover:

• Configuring a CSS framework in a React project.

• Adding protected and public pages to an application.

• Creating a page for registration.

• Creating a page for login.

• Creating a welcome page after the login or registration is successful.

By the end of the chapter, you'll be able to build registration and login pages using React, and you'll know how to manage JWT authentication from the frontend.