As I've mentioned a couple of times now, we have finished up more or less a lot of the right side of
our project, so we're going to start to connect a lot of that to the back side of things.
I'm going to first begin by going into our components Aptos file at the very top.
I'm going to import provider from REACT Redux.
Remember, this is a component that we're going to use to get access to our Redock store throughout
all of our different components and then going to also import store from up one directory state.
So this is kind of the nice thing.
By exporting all of our reduc stuff from that index status file, we don't really have to worry about
digging through that state directory now to find our store or anything like that.
We can just get all the different things we ever need to import from importing state.
That's it.
Once we've got all that stuff imported and then going to replace that one right there with provider.
I'm going to provide a store argument or store up to it of store, and then we can start to show some
content inside of here.
Right now, I'm going to show how about some text of.
And one that says search for a.
Repository, let's call it package, because, again, that's technically what it is, and then after
that, each one we can show some kind of new component, maybe we'll call it repository search repositories
list or something like that.
Let's just call it repositories list.
We'll call it repositories list.
So this will be a new component and that's going to contain all the logic around text input, searching,
getting the information back out of Redox and eventually rendering a list of repositories onto the screen.
I'm going to import that component, even though we haven't created it just yet.
From repositories.
List, then let's go and create that file right away.
So inside of our components directory, I'll add in repositories such a tough word to spell list.
There we go.
Inside of here.
I'll create.
Hostelries list.
I'm going to annotate this function as react F.C. functional component, and then I will export default.
Repositories list at the bottom.
Right now, inside that component, I'm going to return a div.
But a form element inside there, why not let's just kind of get started on this thing.
Inside the forum, I'll add a text input.
A button right after it and I'll give the button the text search.
OK, a lot of very fast typing there, but a lot of this stuff is kind of rote, just putting basic
component stuff together.
So let's say this go back over to our browser.
Just make sure everything is showing up as expected.
All right, so it looks like we might have a little air here.
I completely made a little mistake.
There is one last thing I wanted to talk about around the reducer, and I really just missed out on
that.
So let's take a quick pause right here.
All we have to do is go back over to reduce her and add in a initial state or our state argument.
That's all.
Just a little thing, a little technicality that I just missed out on entirely.
I apologize for that.
So let's take care of that in just a moment.