All right.
I guess the first functionality we'll start working on is going to be the register.
So I want to have the option for user to register.
And before we start setting up any code, let's just go over the typical setup because in the following
videos we'll use React router actions instead.
So let's say you have a React application and if you want to submit the form and send the request when
the form is submitted, most likely this is going to be your approach where essentially you will have
the form element in there, you'll add on submit.
So you'll be listening for submit events and you'll pass in the callback function.
Now in the callback function, the first thing you want to do is to prevent the default and then set
up the request again.
I'm using Axios, but of course you can fetch and all that.
So in here we just set it equal to some kind of data.
Go with await then Axios dot post and let's imagine that I'm using controlled input scenario.
I just go with the URL here and then I pass in the value and all of this is nice, but this is not the
approach we're going to use in this project.
You see in the latest React router Dom version.
There's something called actions which allows us to handle form submissions in a more elegant way.
Now, please keep in mind that we'll have quite a few actions throughout the project.
And of course for the first one we'll take it nice and slow.
So I'll do everything step by step.
So don't get discouraged if it just takes a little bit of time.
I just want to make sure that we're all on the same page and once we're done with our first action,
completely in the register page.
Of course the next actions will set up in the login in Add job are going to be much quicker because
we are already going to be familiar with the syntax, the code as well as the gotchas.
And once we're clear on that, Up next, let's start working on the register page.