Hey there, so in the last section, we explained the folder structure, which is generated by the react
native Kellye, and then we deleted our index JSC file because that file is our entry point to the app.
So we're going to write it from scratch and see our very first content on the emulator screen.
So this is going to be our first step to create our app.
Now, to create our app, we are always going to create components or apps are going to be composed
by collections of these different components.
So it's the components that produce some text or image that can be rendered onto the screen of our mobile
device.
All right, so now we're going to create our first component and then render that component onto the
screen of our mobile device.
So here is what we are going to do in our first component.
I'm going to write some comments for you.
First of all, we will need to import a library to help create a component, and we are then going to
create that component.
And then we're going to render this component onto the screen.
So now I'm going to explain what this process is.
So the first thing we're going to do is import some libraries, because these libraries have a bunch
of intelligent objects which are going to help us to create our components.
Now, to be able to create components, we need these libraries because we don't want to write every
single time all that code that's already contained in those libraries.
So we don't want to implement all that code every time we make a component either.
So instead, we use a few functions provided by react native to make the process of generating a new
component that much easier for us.
So then the next thing they were going to do is use that library that we just imported to create a new
component.
And finally, the act of just creating a component doesn't actually do anything right.
We have to specifically tell react native that it needs to render this component onto a screen in all
of the different apps that we are going to create.
And of course, we'll have to deal with a dozen or so different components at just about every step
along the way.
So we always have to be very specific in telling our device exactly when to display each of these different
components to our users.
Right.
That all makes logical sense.
So why don't we start with importing the library's.
To import libraries is pretty easy.
We just need to say import, react from react and import, react native from react Dasch native.
Now, by the way, as you can see here, I do put single quotes here while I write, but after that.
I can use the double quotes and actually it's really not important, you can just use whichever one
you want, right?
That's all.
Of course, you see that we've imported another library besides Riak native.
So we're going to take a break now and then in the next section, going to come back and tell you why
we need both of these libraries who there's a teaser for you so I'll see in the next section.