Skip to content

Instantly share code, notes, and snippets.

View chrislewisdev's full-sized avatar

Chris Lewis-Hou chrislewisdev

15 followers · 3 following
View GitHub Profile
@chrislewisdev
chrislewisdev / sample.js
Created August 20, 2017 08:17
React Sample
class Greetings extends React.Component
{
render()
{
return (
<h1>Greetings, {this.props.name}!</h1>
);
}
}
@chrislewisdev
chrislewisdev / react-cdn.html
Created August 20, 2017 08:22
<script src="https://unpkg.com/react@15/dist/react.js"></script>
<script src="https://unpkg.com/react-dom@15/dist/react-dom.js"></script>
@chrislewisdev
chrislewisdev / jsx.js
Created August 20, 2017 08:31
return (
<h1>Greetings, {this.props.name}!</h1>
);
@chrislewisdev
chrislewisdev / no-jsx.js
Created August 20, 2017 08:38
return React.createElement('h1', null, 'Greetings, ' + this.props.name + '!');
@chrislewisdev
chrislewisdev / greetings-jsx.js
Created August 20, 2017 08:46
<Greetings name="Chris" />
@chrislewisdev
chrislewisdev / greetings-no-jsx.js
Created August 20, 2017 08:47
React.createElement(Greetings, { name : 'Chris' })
@chrislewisdev
chrislewisdev / plain-react.html
Created August 20, 2017 08:51
<html>
<head>
<title>React Hello World</title>
<script src="https://unpkg.com/react@15/dist/react.js"></script>
<script src="https://unpkg.com/react-dom@15/dist/react-dom.js"></script>
</head>
<body>
<div id="root"></div>
<script>
@chrislewisdev
chrislewisdev / greetings-no-class.js
Created August 20, 2017 08:57
var Greetings = React.createClass(
{
render: function ()
{
return React.createElement('h1', null, 'Greetings, ' + this.props.name + '!');
}
});
@chrislewisdev
chrislewisdev / greetings-multiple.js
Created August 20, 2017 09:07
React.createElement('div', null,
React.createElement(Greetings, { name : 'Chris' }),
React.createElement(Greetings, { name : 'Ming' }),
React.createElement(Greetings, { name : 'Joe' })
)
@chrislewisdev
chrislewisdev / terraform.tf
Created October 4, 2017 03:03
provider "aws" {
region = "ap-southeast-2"
}
variable "website_name" {
type = "string"
description = "Name of the S3 bucket and website to create, e.g. 'hello-world.com'"
default = "hello-world.com"
}