Here, I am starting the ReactNative to build a Mobile Application.
Here in this SS, ( I am explaining line by line )
Line 1: Here I import React from the library of "react".
Line 3: Here I import some components( View, Text & SafeAreaView ).
Line 5: Here I call the function "App". Must remember that the first letter of a function name should be in Capital form.
Line 6: Here I am returning the components or elements by using " return()". Must remember, You have to grab all of your codes(which you want to show on the mobile screen) and put them into the return function.
Lines 7 & 11: Here it took the SafeAreaView component. The working principle of it is that it will save your content from any navigation bar.
Lines 8 & 10: Here the View component is used to keep anything to show on the display.
Line 9: By using the Text component, I write the Text " Hello world! ", and show it on the screen.
Line 15: Here I export the function "App" as a default export. By this, the compiler will understand that I want to show this function on the screen.
View : It is a component. It used to grab rest of the components like "Text", "Button". It also can grab lot more "View" component.
Text: It is a component. It used for display any Text.
SafeAreaView: It is a component. It used to make a safe border for all components which available are to despaly.