Music, everyone! Welcome to another episode of the React Foundation series. In this episode, we will continue building our front-end UI from the previous one. Let's take a moment to see what we have accomplished so far. In the previous episode, we created the UI for signing in. Now, we are going to take the data from the form and submit it to the server for authentication. Luckily, we have already built the necessary API for this process. If we do everything correctly on the front-end, everything should work smoothly. Before we begin, I want to make a small adjustment to the spacing between the form fields because it bothers me. I will quickly modify the code by adding a bottom margin of 1m to the input fields. There we go, the auto-reload feature has already taken care of everything for us. Now all we have to do is type in an example email like "zach@code.net" and enter the password. If everything goes right, it should validate correctly. Just to be safe, I will also open up our back-end to make sure everything is working together seamlessly. Alright, let's move on. We are going to send a request to the session controller's "create session" endpoint. Here, we will validate and verify the user's email and password. I have already tested this with Paul, so now I will try it myself. Along the way, we will learn and accomplish many things, such as incorporating a spinner wheel to indicate the loading process. We will make it look good by designing its appearance as well. Let's head back to the code and get started. The first thing we will do is examine the "new session" component. This component is responsible for rendering the form. We need to add an "onSubmit" function that...
Award-winning PDF software
Video instructions and help with filling out and completing Who Form 8865 Submission
