Skip to content

Instantly share code, notes, and snippets.

View RyanAtViceSoftware's full-sized avatar

Ryan Vice RyanAtViceSoftware

34 followers · 4 following
View GitHub Profile
@RyanAtViceSoftware
RyanAtViceSoftware / fiddle.html
Last active December 10, 2015 14:21
Hello React JSX - JsFiddle: http://jsfiddle.net/gh/gist/library/pure/a6d7eb5e972e80f0620c/
<script src="https://fb.me/react-with-addons-0.14.0.js"></script>
<script src="https://fb.me/react-dom-0.14.0.js"></script>
<div id="view"/>
@RyanAtViceSoftware
RyanAtViceSoftware / hello-react.html
Last active July 18, 2019 16:12
Hello React - Hello World in ReactJs 1.3 without using JSX
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>Hello React</title>
<script src="https://fb.me/react-with-addons-0.14.0.js"></script>
<script src="https://fb.me/react-dom-0.14.0.js"></script>
</head>
<body>
@RyanAtViceSoftware
RyanAtViceSoftware / hello-react-jsx.html
Last active July 18, 2019 16:16
Hello React JSX - Hello World with ReactJs 1.3 and JSX
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>Hello React</title>
<script src="https://fb.me/react-with-addons-0.14.0.js"></script>
<script src="https://fb.me/react-dom-0.14.0.js"></script>
<script src="http://fb.me/JSXTransformer-0.13.1.js"></script>
</head>
<body>
@RyanAtViceSoftware
RyanAtViceSoftware / hello-react-render-method-broken.html
Last active September 12, 2015 13:53
Hello React Render Method - Paste the code below into https://facebook.github.io/react/jsx-compiler.html to see why you must have only a single root element in your JSX.
var HelloMessage = React.createClass({
render: function() {
return <div>Hello React</div> // error: must return a single node
<div>How are you?</div>
}
});
React.render(<HelloMessage/>, mountNode);
@RyanAtViceSoftware
RyanAtViceSoftware / fiddle.html
Last active December 10, 2015 14:15
Hello React Render Method - broken - use parentheses allow for better formatting. JsFiddle: http://jsfiddle.net/gh/gist/library/pure/bda749025dff22cae766/
<script src="https://fb.me/react-with-addons-0.14.0.js"></script>
<script src="https://fb.me/react-dom-0.14.0.js"></script>
<div id="view"/>
@RyanAtViceSoftware
RyanAtViceSoftware / fiddle.html
Last active May 29, 2017 14:34
Hello React Render Method - fixed - use parentheses allow for better formatting. JsFiddle: http://jsfiddle.net/gh/gist/library/pure/e1ae6af2b5b3744fd59f/
<script src="https://fb.me/react-with-addons-0.14.0.js"></script>
<script src="https://fb.me/react-dom-0.14.0.js"></script>
<div id="view"/>
@RyanAtViceSoftware
RyanAtViceSoftware / fiddle.html
Last active May 29, 2017 14:45
Hello React - props - how to parameterize a component by using props. . JsFiddle: http://jsfiddle.net/gh/gist/library/pure/a9db147c37422935a556/
<script src="https://fb.me/react-with-addons-0.14.0.js"></script>
<script src="https://fb.me/react-dom-0.14.0.js"></script>
<div id="view"/>
@RyanAtViceSoftware
RyanAtViceSoftware / fiddle.html
Last active December 29, 2017 09:57
Hello React - props constraints - How to add constraints to your props to make your component more strongly typed at runtime. JsFiddle: http://jsfiddle.net/gh/gist/library/pure/82a72b3fbf47902dc4c2
<script src="https://fb.me/react-with-addons-0.14.0.js"></script>
<script src="https://fb.me/react-dom-0.14.0.js"></script>
<div id="view"/>
@RyanAtViceSoftware
RyanAtViceSoftware / fiddle.html
Last active December 19, 2015 16:39
Hello React - props - how to pass default prop values. JsFiddle: http://jsfiddle.net/gh/gist/library/pure/e0433c720758ca22fec0/
<script src="https://fb.me/react-with-addons-0.14.0.js"></script>
<script src="https://fb.me/react-dom-0.14.0.js"></script>
<div id="view"/>
@RyanAtViceSoftware
RyanAtViceSoftware / fiddle.html
Last active May 30, 2017 10:03
Hello React - state - how to use state to create dynamic behavior. JsFiddle: http://jsfiddle.net/gh/gist/library/pure/4a834a92e69755964f4f/
<script src="https://fb.me/react-with-addons-0.14.0.js"></script>
<script src="https://fb.me/react-dom-0.14.0.js"></script>
<div id="view"/>