omar331/index.html

## index.html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Dumber Gist</title>
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
</head>
<!--
Dumber Gist uses dumber bundler, the default bundle file
is /dist/entry-bundle.js.
The starting module is pointed to "index" (data-main attribute on script)
which is your src/index.jsx.
-->
<body>
  <div id="root"></div>
  <script src="/dist/entry-bundle.js" data-main="index"></script>
</body>
</html>

## package.json
{
  "dependencies": {
    "react": "^16.0.0",
    "react-dom": "^16.0.0",
    "react-bootstrap": "^1.0.0"
  }
}

## src\App.jsx
import React from "react";

import { Component } from "react";
import { Row } from "react-bootstrap"


export default function App() {
  return (
    <Row>
      <h1>Hello React!</h1>
    </Row>
  );
}

## src\index.jsx
import React from "react";
import ReactDOM from "react-dom";

import App from "./App";

const rootElement = document.getElementById("root");
ReactDOM.render(<App />, rootElement);
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>Dumber Gist</title>
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
	</head>
	<!--
	Dumber Gist uses dumber bundler, the default bundle file
	is /dist/entry-bundle.js.
	The starting module is pointed to "index" (data-main attribute on script)
	which is your src/index.jsx.
	-->
	<body>
	<div id="root"></div>
	<script src="/dist/entry-bundle.js" data-main="index"></script>
	</body>
	</html>
	{
	"dependencies": {
	"react": "^16.0.0",
	"react-dom": "^16.0.0",
	"react-bootstrap": "^1.0.0"
	}
	}
	import React from "react";

	import { Component } from "react";
	import { Row } from "react-bootstrap"


	export default function App() {
	return (
	<Row>
	<h1>Hello React!</h1>
	</Row>
	);
	}
	import React from "react";
	import ReactDOM from "react-dom";

	import App from "./App";

	const rootElement = document.getElementById("root");
	ReactDOM.render(<App />, rootElement);