add Bootstrap working example

• re-organize file structure with one directory per dialog • add index.html file per dialog • add bootstrap styling and dynamic cdn loading • clean up react code and stylesheet npm setup script update adds force flag "setup": "rm -f .clasp.json ..." Update README.md Move clasp to devDependencies update dynamic cdn urls Add repository field
2020-06-29 02:08:18 -04:00
parent f4351f1a49
commit f2a259ce66
32 changed files with 845 additions and 399 deletions
@@ -0,0 +1,17 @@
+import React from 'react';
+
+const About = () => (
+  <div>
+    <div>Github repo:</div>
+    <a
+      href="https://www.github.com/enuchi/React-Google-Apps-Script"
+      target="_blank"
+      rel="noopener noreferrer"
+    >
+      React + Google Apps Script
+    </a>
+    <div>-Elisha Nuchi</div>
+  </div>
+);
+
+export default About;
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <base target="_top" />
+    <!-- Add any external scripts and stylesheets here -->
+  </head>
+  <body>
+    <section id="index">
+      <!-- bundled js and css will get inlined here during build -->
+    </section>
+  </body>
+</html>
@@ -0,0 +1,5 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+import About from './components/About';
+
+ReactDOM.render(<About />, document.getElementById('index'));