barebones react setup

elite-se · Feb 21, 2020 · 1cb4e2d · 1cb4e2d
1 parent 8d3f71d
commit 1cb4e2d
Show file tree

Hide file tree

Showing 4 changed files with 30 additions and 8 deletions.
diff --git a/package.json b/package.json
@@ -46,4 +46,4 @@
   },
   "resolutions": {},
   "dependencies": {}
-}
+}
diff --git a/packages/frontend/src/components/App.tsx b/packages/frontend/src/components/App.tsx
@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { hot } from 'react-hot-loader';
+
+export interface IAppProps { }
+
+
+export const AppComponent = (props: IAppProps) => (
+  <div>Hier könnte Ihre Werbung stehen</div>
+);
+
+export const App = hot(module)(AppComponent);
diff --git a/packages/frontend/src/index.html b/packages/frontend/src/index.html
@@ -1,9 +1,15 @@
 <!DOCTYPE html>
 <html>
-  <head>
-    <meta charset="UTF-8" />
-    <title>Elite SE</title>
-  </head>
-  <body>
-  </body>
-</html>
+
+<head>
+  <meta charset="UTF-8" />
+  <title>Elite-SE | Sexy</title>
+</head>
+
+<body>
+  <!-- React root container dom element -->
+  <div id="root" />
+  <noscript>You need to enable javascript to be able to use this WebApp</noscript>
+</body>
+
+</html>
diff --git a/packages/frontend/src/index.tsx b/packages/frontend/src/index.tsx
@@ -0,0 +1,5 @@
+import * as React from 'react';
+import * as ReactDOM from 'react-dom';
+import { App } from './components/App';
+
+ReactDOM.render(<App />, document.getElementById('root'));
-Original file line number
+Diff line change
@@ Expand Up / @@ -46,4 +46,4 @@ @@
       },
       "resolutions": {},
       "dependencies": {}
-    }
+    }