Let's start to write some code to create that search component back inside my editor.
I'm going to find the components directory and I'll make a new file inside there called Search Dot J.S..
And then going to immediately throw in just a very simple component and export it.
I will import react from react.
Also increased the font size here a little bit.
Well, then make a search component.
Right now, I will return a simple each one that says search.
And then do an export default search at the bottom.
Well, then go back over to our outtalk J.S. file.
At the very top, I'm going to import search from components durch.
And then, as I mentioned a little bit ago, we're not going to worry about handling any navigation
or anything like that right now.
Right now, to work on different widgets, we're just going to manually comment out or not display the
accordion.
And instead, we are going to show our search component.
After we build all these widgets, well, then why are them all together using some form of navigation
and let the user decide which one they look at?
At any given time.
We'll go down to my app component down here.
And right now, I'm just going to delete the accordion entirely and I will replace it with the search
component.
Let's then go back over to our browser and just make sure we see search up here on the screen.
Simple enough.
OK, that's a good start.
Let's take a quick pause now that we've got the very boring code put together and then start adding
in some input from state.
All that kind of stuff in the next video.