Added comments to the code in App.js so that you can understand what it's doing.

1 files changed, 5 insertions, 0 deletions

diff --git a/App.js b/App.js
index 80a780e..7271bc2 100644
--- a/App.js
+++ b/App.js
@@ -2,8 +2,13 @@ import React, { Component } from 'react';
 import { Text, View } from 'react-native';
 
 export default class HelloWorldApp extends Component {
+	//Every component needs a render() function
   render() {
     return (
+    	//<View> acts like the way <div> does in JavaScript
+    	//style={...} stores properties about where you want the component to be placed
+    	//and how you want it to look. It's similar to adding CSS styles to HTML elements
+    	//when creating web pages
       <View style={{ flex: 1, justifyContent: "center", alignItems: "center" }}>
         <Text>Hello world!</Text>
       </View>