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 / 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-jsx.js
Created August 20, 2017 08:47
React.createElement(Greetings, { name : 'Chris' })
@chrislewisdev
chrislewisdev / greetings-jsx.js
Created August 20, 2017 08:46
<Greetings name="Chris" />
@chrislewisdev
chrislewisdev / no-jsx.js
Created August 20, 2017 08:38
return React.createElement('h1', null, 'Greetings, ' + this.props.name + '!');
@chrislewisdev
chrislewisdev / jsx.js
Created August 20, 2017 08:31
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 / sample.js
Created August 20, 2017 08:17
React Sample
class Greetings extends React.Component
{
render()
{
return (
<h1>Greetings, {this.props.name}!</h1>
);
}
}