bobwen-dev/react-templates
1
0
Fork 0
mirror of https://github.com/bobwen-dev/react-templates synced 2025-04-12 00:56:39 +02:00
Code Issues Releases Wiki Activity

add es6 sample

Browse Source
This commit is contained in:
ido 2015-02-19 14:49:11 +02:00
parent 4d00e92772
commit 7358cea9f6
3 changed files with 13 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
playground/examples.js
View File

@ -29,10 +29,12 @@ define(['lodash', 'react', './examples.rt',
getInitialState: function () { getInitialState: function () {
var codeAmd = window.reactTemplates.convertTemplateToReact(rtRequireRT, {modules: 'amd', name: 'template'}); var codeAmd = window.reactTemplates.convertTemplateToReact(rtRequireRT, {modules: 'amd', name: 'template'});
var codeCJS = window.reactTemplates.convertTemplateToReact(rtRequireRT, {modules: 'commonjs', name: 'template'}); var codeCJS = window.reactTemplates.convertTemplateToReact(rtRequireRT, {modules: 'commonjs', name: 'template'});
var codeES6 = window.reactTemplates.convertTemplateToReact(rtRequireRT, {modules: 'es6', name: 'template'});
return { return {
rtRequire: {value: rtRequireRT}, rtRequire: {value: rtRequireRT},
amd: {value: codeAmd}, amd: {value: codeAmd},
cjs: {value: codeCJS}, cjs: {value: codeCJS},
es6: {value: codeES6},
samples: samples samples: samples
}; };
}, },

7
playground/examples.rt
View File

@ -65,4 +65,11 @@
</p> </p>
<viewer rt-props="this.state.cjs" mode="javascript" /> <viewer rt-props="this.state.cjs" mode="javascript" />
</div> </div>
<div id="es6" class="example">
<h3>ES6</h3>
<p>
This example shows the rt-require sample output with ES6 support.
</p>
<viewer rt-props="this.state.es6" mode="javascript" />
</div>
</div> </div>

5
playground/examples.rt.js
View File

@ -33,6 +33,9 @@ define([
}, React.createElement('h3', {}, 'AMD'), React.createElement('p', {}, '\n This example shows the rt-require sample output with AMD support.\n '), React.createElement(viewer, _.merge({}, { 'mode': 'javascript' }, this.state.amd))), React.createElement('div', { }, React.createElement('h3', {}, 'AMD'), React.createElement('p', {}, '\n This example shows the rt-require sample output with AMD support.\n '), React.createElement(viewer, _.merge({}, { 'mode': 'javascript' }, this.state.amd))), React.createElement('div', {
'id': 'commonjs', 'id': 'commonjs',
'className': 'example' 'className': 'example'
}, React.createElement('h3', {}, 'CommonJS'), React.createElement('p', {}, '\n This example shows the rt-require sample output with CommonJS support.\n '), React.createElement(viewer, _.merge({}, { 'mode': 'javascript' }, this.state.cjs)))); }, React.createElement('h3', {}, 'CommonJS'), React.createElement('p', {}, '\n This example shows the rt-require sample output with CommonJS support.\n '), React.createElement(viewer, _.merge({}, { 'mode': 'javascript' }, this.state.cjs))), React.createElement('div', {
'id': 'es6',
'className': 'example'
}, React.createElement('h3', {}, 'ES6'), React.createElement('p', {}, '\n This example shows the rt-require sample output with ES6 support.\n '), React.createElement(viewer, _.merge({}, { 'mode': 'javascript' }, this.state.es6))));
}; };
}); });