vahedq/ms-office-react.html

## ms-office-react.html
<!DOCTYPE html>
<html>

  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <META HTTP-EQUIV="Pragma" CONTENT="no-cache">
    <META HTTP-EQUIV="Expires" CONTENT="-1">
    <title>test page</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.5.4/react.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/15.5.4/react-dom.js"></script>
    <!-- my react library -->
    <script src="http://localhost:8081/dist/addin.js"></script>
    <script src="https://appsforoffice.microsoft.com/lib/1/hosted/Office.js" type="text/javascript"></script>
  </head>

  <body>
    <div>
      <div id="addin-container"></div>
    </div>
    <script>
      Office.initialize = function(reason) {
        const Word = window.Word;
        const Office = window.Office;
        var container = document.getElementById('addin-container');
        var addinProps = {
          Office: Office,
          Word: Word
        }
        var addinElement = React.createElement(WordAddinModule.WordAddin, addinProps);
        var addin = ReactDOM.render(addinElement, container);
      };
    </script>
  </body>

</html>
	<!DOCTYPE html>
	<html>

	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width">
	<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
	<META HTTP-EQUIV="Expires" CONTENT="-1">
	<title>test page</title>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.5.4/react.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/15.5.4/react-dom.js"></script>
	<!-- my react library -->
	<script src="http://localhost:8081/dist/addin.js"></script>
	<script src="https://appsforoffice.microsoft.com/lib/1/hosted/Office.js" type="text/javascript"></script>
	</head>

	<body>
	<div>
	<div id="addin-container"></div>
	</div>
	<script>
	Office.initialize = function(reason) {
	const Word = window.Word;
	const Office = window.Office;
	var container = document.getElementById('addin-container');
	var addinProps = {
	Office: Office,
	Word: Word
	}
	var addinElement = React.createElement(WordAddinModule.WordAddin, addinProps);
	var addin = ReactDOM.render(addinElement, container);
	};
	</script>
	</body>

	</html>