Now that we have our Home page looking great, I think the next best step is to talk about, and then implement authentication, into our application.
In this lesson, we're gonna start building out the JSX structure that we're gonna need to have this auth component and in the next guide, we're going to add the styles for it.
Now that we have our auth component live, let's build out the ability to have that nice split grid with the image on the left and then eventually the login component on the right.
With our structure in place, we are ready to start building out our login component.
I think we're ready to take a look at how we can work with forms inside of React.
So now that we know that we are properly updating our state for our login component, now we have to see and decide what processes we want to occur when the form is submitted.
Okay, it's time for the moment of truth where we actually see if we can login to another application, and this is something that's very cool.
In the last guide, we walked through how to connect to the DevCamp Space API so that you can log in directly into your own portfolio website.
Before we continue on with building out the project, I wanna take a step back right now.
Now that we know our login process works and hopefully we have a little bit of a better understanding on how authentication works in general.
It's time for the moment of truth, we know that we have a login component that is working.
Now that we have a working solution for our authentication tool, let's address one of the key bugs.
The last few videos have been pretty long so I thought it'd be good to take a little break, take a step back and perform a refactor.
Over the next couple of guides we're gonna work through how we can add some dynamic behavior to the website just by looking at the logged in status.
In the last guide, we saw how we could show or hide links based on if a user was logged in or not, but we also saw how that doesn't actually hide the route itself, and so that would lead to a security vulnerability.
We're almost done with the section on authentication.
It's time to finish out the log out functionality and like I mentioned earlier, we're going to use this as a tool for learning how high order components work.
devCamp does not support ancient browsers.
Install a modern version for best experience.