Connor McSheffrey
11 years ago
9 changed files with 17 additions and 147 deletions
@ -1,19 +0,0 @@ |
|||
/** |
|||
* @jsx React.DOM |
|||
*/ |
|||
|
|||
var INLINE_STYLES_TIP_COMPONENT = " |
|||
/** @jsx React.DOM */ |
|||
|
|||
var divStyle = { |
|||
color: 'white', |
|||
backgroundImage: 'url(' + imgUrl + ')', |
|||
WebkitTransition: 'all' // note the capital 'W' here
|
|||
}; |
|||
|
|||
React.renderComponent(<div style={divStyle}>Hello World!</div>, mountNode); |
|||
"; |
|||
React.renderComponent( |
|||
ReactPlayground( {codeText:INLINE_STYLES_TIP_COMPONENT} ), |
|||
document.getElementById("InlineStyles tip") |
|||
); |
@ -1,19 +0,0 @@ |
|||
/** |
|||
* @jsx React.DOM |
|||
*/ |
|||
|
|||
var INLINE_STYLES_COMPONENT = " |
|||
/** @jsx React.DOM */ |
|||
|
|||
var divStyle = { |
|||
color: 'white', |
|||
backgroundImage: 'url(' + imgUrl + ')', |
|||
WebkitTransition: 'all' // note the capital 'W' here
|
|||
}; |
|||
|
|||
React.renderComponent(<div style={divStyle}>Hello World!</div>, mountNode); |
|||
"; |
|||
React.renderComponent( |
|||
ReactPlayground( {codeText:INLINE_STYLES_COMPONENT} ), |
|||
document.getElementById("InlineStyles") |
|||
); |
@ -1,16 +0,0 @@ |
|||
/** |
|||
* @jsx React.DOM |
|||
*/ |
|||
|
|||
var IF_ELSE_IN_JSX_TIP_COMPONENT = " |
|||
/** @jsx React.DOM */ |
|||
|
|||
// this
|
|||
React.renderComponent(<div id="msg">Hello World!</div>, mountNode); |
|||
// is the same as this
|
|||
React.renderComponent(React.DOM.div({id:"msg"}, "Hello World!"), mountNode); |
|||
"; |
|||
React.renderComponent( |
|||
ReactPlayground( {codeText:IF_ELSE_IN_JSX_TIP_COMPONENT} ), |
|||
document.getElementById("IfElseIn-JSX tip") |
|||
); |
@ -1,16 +0,0 @@ |
|||
/** |
|||
* @jsx React.DOM |
|||
*/ |
|||
|
|||
var IF_ELSE_IN_JSX_COMPONENT = " |
|||
/** @jsx React.DOM */ |
|||
|
|||
// this
|
|||
React.renderComponent(<div id="msg">Hello World!</div>, mountNode); |
|||
// is the same as this
|
|||
React.renderComponent(React.DOM.div({id:"msg"}, "Hello World!"), mountNode); |
|||
"; |
|||
React.renderComponent( |
|||
ReactPlayground( {codeText:IF_ELSE_IN_JSX_COMPONENT} ), |
|||
document.getElementById("IfElseIn-JSX") |
|||
); |
@ -1,14 +0,0 @@ |
|||
/** |
|||
* @jsx React.DOM |
|||
*/ |
|||
|
|||
var STYLE_PROP_VALUE_PX_TIP_COMPONENT = " |
|||
/** @jsx React.DOM */ |
|||
|
|||
var divStyle = {height: 10}; // rendered as "height:10px"
|
|||
React.renderComponent(<div style={divStyle}>Hello World!</div>, mountNode); |
|||
"; |
|||
React.renderComponent( |
|||
ReactPlayground( {codeText:STYLE_PROP_VALUE_PX_TIP_COMPONENT} ), |
|||
document.getElementById("StylePropValuePx tip") |
|||
); |
@ -1,14 +0,0 @@ |
|||
/** |
|||
* @jsx React.DOM |
|||
*/ |
|||
|
|||
var STYLE_PROP_VALUE_PX_COMPONENT = " |
|||
/** @jsx React.DOM */ |
|||
|
|||
var divStyle = {height: 10}; // rendered as "height:10px"
|
|||
React.renderComponent(<div style={divStyle}>Hello World!</div>, mountNode); |
|||
"; |
|||
React.renderComponent( |
|||
ReactPlayground( {codeText:STYLE_PROP_VALUE_PX_COMPONENT} ), |
|||
document.getElementById("StylePropValuePx") |
|||
); |
@ -1,17 +0,0 @@ |
|||
/** |
|||
* @jsx React.DOM |
|||
*/ |
|||
|
|||
var CONTROLLED_INPUT_NULL_VALUE_TIP_COMPONENT = " |
|||
/** @jsx React.DOM */ |
|||
|
|||
React.renderComponent(<input value="hi" />, mountNode); |
|||
|
|||
setTimeout(function() { |
|||
React.renderComponent(<input value={null} />, mountNode); |
|||
}, 2000); |
|||
"; |
|||
React.renderComponent( |
|||
ReactPlayground( {codeText:CONTROLLED_INPUT_NULL_VALUE_TIP_COMPONENT} ), |
|||
document.getElementById("ControlledInputNullValue tip") |
|||
); |
@ -1,17 +0,0 @@ |
|||
/** |
|||
* @jsx React.DOM |
|||
*/ |
|||
|
|||
var CONTROLLED_INPUT_NULL_VALUE_COMPONENT = " |
|||
/** @jsx React.DOM */ |
|||
|
|||
React.renderComponent(<input value="hi" />, mountNode); |
|||
|
|||
setTimeout(function() { |
|||
React.renderComponent(<input value={null} />, mountNode); |
|||
}, 2000); |
|||
"; |
|||
React.renderComponent( |
|||
ReactPlayground( {codeText:CONTROLLED_INPUT_NULL_VALUE_COMPONENT} ), |
|||
document.getElementById("ControlledInputNullValue") |
|||
); |
Loading…
Reference in new issue