Damanpreet Singh damanpreetsb

## MainComponent.jsx
ReactDOM.render(<AppComponent name="John Cena"/>, document.getElementById('app'));

## RenderComponent.jsx
ReactDOM.render(
  <h1>Hello, world!</h1>,
  document.getElementById('root')
);

## App.css
.header {
  padding: 20px;
  background-color: #f1f1f1;
  text-align: center;
  font-size: 26px;
}

## JSXExample.jsx
const element = <h1>JSX is cool</h1>;

ReactDOM.render(element, document.getElementById('root'));
	ReactDOM.render(
	<h1>Hello, world!</h1>,
	document.getElementById('root')
	);
	.header {
	padding: 20px;
	background-color: #f1f1f1;
	text-align: center;
	font-size: 26px;
	}
	const element = <h1>JSX is cool</h1>;

	ReactDOM.render(element, document.getElementById('root'));