Skip to content

Instantly share code, notes, and snippets.

View RyanAtViceSoftware's full-sized avatar

Ryan Vice RyanAtViceSoftware

View GitHub Profile
@RyanAtViceSoftware
RyanAtViceSoftware / fiddle.html
Last active December 12, 2015 16:08
Hello React - component lifecycle - mounting and unmounting. JsFiddle: http://jsfiddle.net/gh/gist/library/pure/9b4f8fe0de2fe7ecee52
<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 July 18, 2019 18:38
Hello React - composite components - accessing childern. JsFiddle: http://jsfiddle.net/gh/gist/library/pure/1345be9f31298888d99a
<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 July 18, 2019 18:09
Hello React - composite components - composing components with behavior - working solution. JsFiddle: http://jsfiddle.net/gh/gist/library/pure/8312dcf44f5d583b3425
<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 July 18, 2019 17:54
Hello React - composite components - how to componse simple components. JsFiddle: http://jsfiddle.net/gh/gist/library/pure/27ec782a76990860929b/
<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 - state - how to use ref's to help to update state. JsFiddle: http://jsfiddle.net/gh/gist/library/pure/b97e0a98663a18c3e755/
<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"/>
@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 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 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 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"/>