From f093872bdb169954319f68c44a5a6a759c1986e8 Mon Sep 17 00:00:00 2001
From: Andrej Rasevic <andrej@rasevicengineering.com>
Date: Tue, 8 Jan 2019 15:04:39 -0500
Subject: [PATCH] updates
---
.../first_componenet_with_props.html | 31 +++++++++++++++++++
cmsc388a/code_examples/first_component.html | 31 +++++++++++++++++++
.../projects/project1/Project1Description.md | 2 +-
3 files changed, 63 insertions(+), 1 deletion(-)
create mode 100644 cmsc388a/code_examples/first_componenet_with_props.html
create mode 100644 cmsc388a/code_examples/first_component.html
diff --git a/cmsc388a/code_examples/first_componenet_with_props.html b/cmsc388a/code_examples/first_componenet_with_props.html
new file mode 100644
index 0000000..d14f0b0
--- /dev/null
+++ b/cmsc388a/code_examples/first_componenet_with_props.html
@@ -0,0 +1,31 @@
+<!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>
+ </style>
+</head>
+
+ <body>
+ <div id="container"></div>
+ <script type="text/babel">
+
+ class HelloWorld extends React.Component {
+ render() {
+ return <p>Hello, {this.props.greetTarget} </p>
+ }
+ }
+
+ ReactDOM.render(
+ <HelloWorld greetTarget="Nikola"/>,
+ document.querySelector("#container")
+ );
+ </script>
+ </body>
+
+</html>
\ No newline at end of file
diff --git a/cmsc388a/code_examples/first_component.html b/cmsc388a/code_examples/first_component.html
new file mode 100644
index 0000000..d4430ef
--- /dev/null
+++ b/cmsc388a/code_examples/first_component.html
@@ -0,0 +1,31 @@
+<!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>
+ </style>
+</head>
+
+ <body>
+ <div id="container"></div>
+ <script type="text/babel">
+
+ class HelloWorld extends React.Component {
+ render() {
+ return <p>Hello, new world with components!!</p>
+ }
+ }
+
+ ReactDOM.render(
+ <HelloWorld/>,
+ document.querySelector("#container")
+ );
+ </script>
+ </body>
+
+</html>
\ No newline at end of file
diff --git a/cmsc388a/projects/project1/Project1Description.md b/cmsc388a/projects/project1/Project1Description.md
index ca8d4a7..438b665 100644
--- a/cmsc388a/projects/project1/Project1Description.md
+++ b/cmsc388a/projects/project1/Project1Description.md
@@ -7,4 +7,4 @@
1. Starting with the `main.html` starter file we have provided you with add the code to add a H1 element to the `h1-container`, a H2 element to the `h2-container` and a H3 element to the `h3-container` element.
2. Additionally, provide css rules inside of the `style tag` element so that the same padding and back-ground color appears in all 3 containers but that the text inside of each container is a different size and color. You should only have 4 css rules inside of the style tag.
-Note: You can use either pure javascript or JSX syntax to create your elements. Reagrdless of which style you choose to implement your components you only need the single script tag inside of the body element we provided you with.
\ No newline at end of file
+Note: You cannot use either pure javascript or JSX syntax to create your elements. Please use just the JSX syntax we discussed in class.
\ No newline at end of file
--
GitLab