nicc777 · September 6, 2019 04:43
diff --git a/index.html b/index.html
 <div id="app"></div>
diff --git a/script.babel b/script.babel
 function Person(props) {
  return (
    <div className="person">
      <h1>{props.name}</h1>
      <p>Your Age: {props.age}</p>
    </div>
  );
 }

 var app = (
  <div>
    <Person name="Pete" age="26"/>
    <Person name="Sannie" age="16"/>
  </div>
 );

 ReactDOM.render(app, document.querySelector('#app'));
diff --git a/scripts b/scripts
 <script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.9.0/umd/react.production.min.js"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.8.6/umd/react-dom.production.min.js"></script>
diff --git a/style.css b/style.css
 .person {
  display: inline-block;
  margin: 10px;
  border: 1px solid #eee;
  box-shadow: 0 2px 2px #ccc;
  width: 200px;
  padding: 20px;
 }
diff --git a/udemy-react-course-section-1-4.markdown b/udemy-react-course-section-1-4.markdown
	function Person(props) {
	return (
	<div className="person">
	<h1>{props.name}</h1>
	<p>Your Age: {props.age}</p>
	</div>
	);
	}

	var app = (
	<div>
	<Person name="Pete" age="26"/>
	<Person name="Sannie" age="16"/>
	</div>
	);

	ReactDOM.render(app, document.querySelector('#app'));
	<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.9.0/umd/react.production.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.8.6/umd/react-dom.production.min.js"></script>