diff options
Diffstat (limited to 'spring-front/src')
-rw-r--r-- | spring-front/src/index.css | 0 | ||||
-rw-r--r-- | spring-front/src/index.html | 23 | ||||
-rw-r--r-- | spring-front/src/index.js | 17 | ||||
-rw-r--r-- | spring-front/src/index.jsx | 20 |
4 files changed, 11 insertions, 49 deletions
diff --git a/spring-front/src/index.css b/spring-front/src/index.css deleted file mode 100644 index e69de29..0000000 --- a/spring-front/src/index.css +++ /dev/null diff --git a/spring-front/src/index.html b/spring-front/src/index.html deleted file mode 100644 index d82108b..0000000 --- a/spring-front/src/index.html +++ /dev/null @@ -1,23 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> - <head> - <script - crossorigin - src="https://unpkg.com/react@17/umd/react.production.min.js" - ></script> - <script - crossorigin - src="https://unpkg.com/react-dom@17/umd/react-dom.production.min.js" - ></script> - <script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script> - <link rel="stylesheet" href="index.css" /> - <meta charset="utf-8" /> - <meta name="viewport" content="width=device-width" /> - <title></title> - link - </head> - <body> - <div id="root"></div> - <script src="index.js" type="text/babel"></script> - </body> -</html> diff --git a/spring-front/src/index.js b/spring-front/src/index.js index 81d4809..d62147c 100644 --- a/spring-front/src/index.js +++ b/spring-front/src/index.js @@ -1,9 +1,14 @@ import React from "react"; +import ReactDOM from "react-dom"; -const page = ( - <div> - <h1>Hello, everyone!</h1> - <p>A paragraph</p> - </div> +const navbar = ( + <nav> + <h1>terminaldweller.com</h1> + <ul> + <li>Pricing</li> + <li>About</li> + <li>Contact</li> + </ul> + </nav> ); -React.ReactDOM.render(page, document.getElementById("root")); +ReactDOM.render(navbar, document.getElementById("root")); diff --git a/spring-front/src/index.jsx b/spring-front/src/index.jsx deleted file mode 100644 index 0ef0cdf..0000000 --- a/spring-front/src/index.jsx +++ /dev/null @@ -1,20 +0,0 @@ -import React from "react"; - -const page = ( - <div> - <h1>Hello, everyone!</h1> - <p>A paragraph</p> - </div> -); - -const navbar = ( - <nav> - <h1>terminaldweller.com</h1> - <ul> - <li>Pricing</li> - <li>About</li> - <li>Contact</li> - </ul> - </nav> -) -React.ReactDOM.render(navbar, document.getElementById("root")); |