From d2371ce5d64707134887789ca15c6ba8c1a7fe42 Mon Sep 17 00:00:00 2001
From: Andrej Rasevic <andrej@rasevicengineering.com>
Date: Fri, 4 Jan 2019 10:34:15 -0500
Subject: [PATCH] adding first react app code samples
---
.gitignore | 1 +
388a_code_examples/first_react_app.html | 21 +++++++++++
388a_code_examples/first_react_app_v2.html | 33 +++++++++++++++++
388a_code_examples/first_react_app_v3.html | 36 +++++++++++++++++++
388a_code_examples/skeleton.html | 15 ++++++++
.../skeleton_with_script_tags.html | 18 ++++++++++
6 files changed, 124 insertions(+)
create mode 100644 .gitignore
create mode 100644 388a_code_examples/first_react_app.html
create mode 100644 388a_code_examples/first_react_app_v2.html
create mode 100644 388a_code_examples/first_react_app_v3.html
create mode 100644 388a_code_examples/skeleton.html
create mode 100644 388a_code_examples/skeleton_with_script_tags.html
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..496ee2c
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1 @@
+.DS_Store
\ No newline at end of file
diff --git a/388a_code_examples/first_react_app.html b/388a_code_examples/first_react_app.html
new file mode 100644
index 0000000..8841bf0
--- /dev/null
+++ b/388a_code_examples/first_react_app.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+ <meta charset="utf-8">
+ <title>cmsc388a winter 2019</title>
+ <script src="https://unpkg.com/react@16/umd/react.development.js"></script>
+ <script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
+ <script src="https://unpkg.com/babel-standalone@6.15.0/babel.min.js"></script>
+</head>
+
+<body>
+ <script type="text/babel">
+ ReactDOM.render(
+ <h1>Let's go Terps!</h1>,
+ document.body
+ );
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/388a_code_examples/first_react_app_v2.html b/388a_code_examples/first_react_app_v2.html
new file mode 100644
index 0000000..639ecd3
--- /dev/null
+++ b/388a_code_examples/first_react_app_v2.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+ <meta charset="utf-8">
+ <title>cmsc388a winter 2019</title>
+ <script src="https://unpkg.com/react@16/umd/react.development.js"></script>
+ <script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
+ <script src="https://unpkg.com/babel-standalone@6.15.0/babel.min.js"></script>
+ <style>
+ #container {
+ padding: 50px;
+ background-color: #EEE;
+ }
+ #container h1 {
+ font-size: 144px;
+ font-family: sans-serif;
+ color: #0080A8;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="container"></div>
+ <script type="text/babel">
+ ReactDOM.render(
+ <h1>Let's go Terps!</h1>,
+ document.querySelector("#container")
+ );
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/388a_code_examples/first_react_app_v3.html b/388a_code_examples/first_react_app_v3.html
new file mode 100644
index 0000000..4125314
--- /dev/null
+++ b/388a_code_examples/first_react_app_v3.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+ <meta charset="utf-8">
+ <title>cmsc388a winter 2019</title>
+ <script src="https://unpkg.com/react@16/umd/react.development.js"></script>
+ <script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
+ <script src="https://unpkg.com/babel-standalone@6.15.0/babel.min.js"></script>
+ <style>
+ #container {
+ padding: 50px;
+ background-color: #EEE;
+ }
+ #container h1 {
+ font-size: 144px;
+ font-family: sans-serif;
+ color: #0080A8;
+ }
+ </style>
+</head>
+
+<body>
+ <div id="container"></div>
+ <script type="text/babel">
+ var destination = document.querySelector("#container");
+
+ ReactDOM.render(React.createElement(
+ "h1",
+ null,
+ "Let's go Terps!"
+ ), destination);
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/388a_code_examples/skeleton.html b/388a_code_examples/skeleton.html
new file mode 100644
index 0000000..ce07f63
--- /dev/null
+++ b/388a_code_examples/skeleton.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+ <meta charset="utf-8">
+ <title>cmsc388a winter 2019</title>
+</head>
+
+<body>
+ <script>
+
+ </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/388a_code_examples/skeleton_with_script_tags.html b/388a_code_examples/skeleton_with_script_tags.html
new file mode 100644
index 0000000..8477790
--- /dev/null
+++ b/388a_code_examples/skeleton_with_script_tags.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+ <meta charset="utf-8">
+ <title>cmsc388a winter 2019</title>
+ <script src="https://unpkg.com/react@16/umd/react.development.js"></script>
+ <script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
+ <script src="https://unpkg.com/babel-standalone@6.15.0/babel.min.js"></script>
+</head>
+
+<body>
+ <script>
+
+ </script>
+</body>
+
+</html>
\ No newline at end of file
--
GitLab