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

Updated to React v15.1.0 (#143)

Browse Source
This commit is contained in:
nino-porcino 2016-07-06 09:33:48 +02:00 committed by Ido
parent ff5bccdd93
commit c3a6e46220
7 changed files with 33 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
home.config.js
View File

@ -8,7 +8,8 @@
lodash: '//cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash', lodash: '//cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash',
jquery: '//code.jquery.com/jquery-1.11.0.min', jquery: '//code.jquery.com/jquery-1.11.0.min',
firebase: '//cdn.firebase.com/js/client/2.0.5/firebase', firebase: '//cdn.firebase.com/js/client/2.0.5/firebase',
react: '//cdnjs.cloudflare.com/ajax/libs/react/0.13.3/react-with-addons', react: '//cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-with-addons',
'react-dom': '//cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom',
//ace: '../ace-builds-1.1.8/src-min/ace', //ace: '../ace-builds-1.1.8/src-min/ace',
fiddle: './fiddle', fiddle: './fiddle',
text: 'libs/requirejs-plugins/text', text: 'libs/requirejs-plugins/text',
@ -18,7 +19,8 @@
lodash: {exports: '_'}, lodash: {exports: '_'},
firebase: {exports: 'Firebase'}, firebase: {exports: 'Firebase'},
jquery: {exports: '$'}, jquery: {exports: '$'},
react: {exports: 'React'} react: {exports: 'React'},
'react-dom': {exports: 'ReactDOM'}
}, },
map: { map: {
'*': { '*': {

6
playground.config.js
View File

@ -7,7 +7,8 @@
lodash: '//cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash', lodash: '//cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash',
jquery: '//code.jquery.com/jquery-2.1.4.min', jquery: '//code.jquery.com/jquery-2.1.4.min',
firebase: '//cdn.firebase.com/js/client/2.0.5/firebase', firebase: '//cdn.firebase.com/js/client/2.0.5/firebase',
react: '//cdnjs.cloudflare.com/ajax/libs/react/0.13.3/react-with-addons', react: '//cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-with-addons',
'react-dom': '//cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom',
//ace: '../ace-builds-1.1.8/src-min/ace', //ace: '../ace-builds-1.1.8/src-min/ace',
fiddle: './fiddle', fiddle: './fiddle',
text: 'libs/requirejs-plugins/text', text: 'libs/requirejs-plugins/text',
@ -18,7 +19,8 @@
lodash: {exports: '_'}, lodash: {exports: '_'},
firebase: {exports: 'Firebase'}, firebase: {exports: 'Firebase'},
jquery: {exports: '$'}, jquery: {exports: '$'},
react: {exports: 'React'} react: {exports: 'React'},
'react-dom': {exports: 'ReactDOM'}
}, },
map: { map: {
'*': { '*': {

6
playground/CodeMirrorEditor.js
View File

@ -1,4 +1,4 @@
define(['react', 'lodash', 'jquery', './libs/codemirror-4.8/lib/codemirror', define(['react', 'react-dom', 'lodash', 'jquery', './libs/codemirror-4.8/lib/codemirror',
'./CMLint', './CMLint',
'./libs/codemirror-4.8/mode/javascript/javascript', './libs/codemirror-4.8/mode/javascript/javascript',
'./libs/codemirror-4.8/addon/hint/html-hint', './libs/codemirror-4.8/addon/hint/html-hint',
@ -10,7 +10,7 @@ define(['react', 'lodash', 'jquery', './libs/codemirror-4.8/lib/codemirror',
//'./libs/codemirror-4.8/mode/css/css', //'./libs/codemirror-4.8/mode/css/css',
'./libs/codemirror-4.8/addon/runmode/runmode' './libs/codemirror-4.8/addon/runmode/runmode'
//'./libs/codemirror-4.8/addon/display/placeholder' //'./libs/codemirror-4.8/addon/display/placeholder'
], function (React, _, $, CodeMirror, CMLint) { ], function (React, ReactDOM, _, $, CodeMirror, CMLint) {
'use strict'; 'use strict';
//codeMirror: 'libs/codemirror-4.8/lib/codemirror', //codeMirror: 'libs/codemirror-4.8/lib/codemirror',
//htmlmixed: 'libs/codemirror-4.8/mode/htmlmixed/htmlmixed', //htmlmixed: 'libs/codemirror-4.8/mode/htmlmixed/htmlmixed',
@ -134,7 +134,7 @@ define(['react', 'lodash', 'jquery', './libs/codemirror-4.8/lib/codemirror',
//options.lint = true; //options.lint = true;
} }
this.editor = CodeMirror.fromTextArea(this.getDOMNode(), options); this.editor = CodeMirror.fromTextArea(ReactDOM.findDOMNode(this), options);
if (!this.props.readOnly) { if (!this.props.readOnly) {
this.editor.on('change', function (/*e*/) { this.editor.on('change', function (/*e*/) {

6
playground/CodeMirrorViewer.js
View File

@ -1,8 +1,8 @@
define(['react', 'lodash', 'jquery', './libs/codemirror-4.8/lib/codemirror', define(['react', 'react-dom', 'lodash', 'jquery', './libs/codemirror-4.8/lib/codemirror',
'./libs/codemirror-4.8/mode/javascript/javascript', './libs/codemirror-4.8/mode/javascript/javascript',
'./libs/codemirror-4.8/mode/xml/xml', './libs/codemirror-4.8/mode/xml/xml',
'./libs/codemirror-4.8/addon/runmode/runmode' './libs/codemirror-4.8/addon/runmode/runmode'
], function (React, _, $, CodeMirror) { ], function (React, ReactDOM, _, $, CodeMirror) {
'use strict'; 'use strict';
return React.createClass({ return React.createClass({
displayName: 'CodeMirrorViewer', displayName: 'CodeMirrorViewer',
@ -37,7 +37,7 @@ define(['react', 'lodash', 'jquery', './libs/codemirror-4.8/lib/codemirror',
if (this.props.mode === 'html') { if (this.props.mode === 'html') {
mode = 'text/html'; mode = 'text/html';
} }
this.editor = CodeMirror.runMode(value, mode, this.getDOMNode()); this.editor = CodeMirror.runMode(value, mode, ReactDOM.findDOMNode(this));
}, },
componentWillUnmount: function () { componentWillUnmount: function () {
this.editor.toTextArea(); this.editor.toTextArea();

10
playground/fiddle-main.js
View File

@ -3,7 +3,8 @@ requirejs.config({
lodash: '//cdnjs.cloudflare.com/ajax/libs/lodash.js/3.10.0/lodash.min', lodash: '//cdnjs.cloudflare.com/ajax/libs/lodash.js/3.10.0/lodash.min',
jquery: '//code.jquery.com/jquery-2.1.4.min', jquery: '//code.jquery.com/jquery-2.1.4.min',
firebase: '//cdn.firebase.com/js/client/2.0.5/firebase', firebase: '//cdn.firebase.com/js/client/2.0.5/firebase',
react: '//cdnjs.cloudflare.com/ajax/libs/react/0.13.3/react-with-addons', react: '//cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-with-addons',
'react-dom': '//cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom',
fiddle: './fiddle', fiddle: './fiddle',
text: 'libs/requirejs-plugins/text', text: 'libs/requirejs-plugins/text',
json: 'libs/requirejs-plugins/json', json: 'libs/requirejs-plugins/json',
@ -13,15 +14,16 @@ requirejs.config({
lodash: {exports: '_'}, lodash: {exports: '_'},
firebase: {exports: 'Firebase'}, firebase: {exports: 'Firebase'},
jquery: {exports: '$'}, jquery: {exports: '$'},
react: {exports: 'React'} react: {exports: 'React'},
'react-dom': {exports: 'ReactDOM'}
}, },
map: { map: {
'*': {'react/addons': 'react'} '*': {'react/addons': 'react'}
} }
}); });
requirejs(['fiddle', 'react', 'jquery', 'bootstrap'], function (fiddle, React) { requirejs(['fiddle', 'react', 'react-dom', 'jquery', 'bootstrap'], function (fiddle, React, ReactDOM) {
'use strict'; 'use strict';
var elem = React.createElement(fiddle); var elem = React.createElement(fiddle);
window.fiddle = React.render(elem, document.getElementById('container')); window.fiddle = ReactDOM.render(elem, document.getElementById('container'));
}); });

10
playground/home-main.js
View File

@ -5,7 +5,8 @@ requirejs.config({
lodash: '//cdnjs.cloudflare.com/ajax/libs/lodash.js/3.10.0/lodash.min', lodash: '//cdnjs.cloudflare.com/ajax/libs/lodash.js/3.10.0/lodash.min',
jquery: '//code.jquery.com/jquery-2.1.4.min', jquery: '//code.jquery.com/jquery-2.1.4.min',
firebase: 'https://cdn.firebase.com/js/client/2.0.5/firebase', firebase: 'https://cdn.firebase.com/js/client/2.0.5/firebase',
react: '//cdnjs.cloudflare.com/ajax/libs/react/0.13.3/react-with-addons', react: '//cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-with-addons',
'react-dom': '//cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom',
text: 'libs/requirejs-plugins/text', text: 'libs/requirejs-plugins/text',
json: 'libs/requirejs-plugins/json' json: 'libs/requirejs-plugins/json'
//examples: './examples' //examples: './examples'
@ -14,15 +15,16 @@ requirejs.config({
lodash: {exports: '_'}, lodash: {exports: '_'},
firebase: {exports: 'Firebase'}, firebase: {exports: 'Firebase'},
jquery: {exports: '$'}, jquery: {exports: '$'},
react: {exports: 'React'} react: {exports: 'React'},
'react-dom': {exports: 'ReactDOM'}
}, },
map: { map: {
'*': {'react/addons': 'react'} '*': {'react/addons': 'react'}
} }
}); });
requirejs(['./examples', 'react', 'jquery'], function (Examples, React) { requirejs(['./examples', 'react', 'react-dom', 'jquery'], function (Examples, React, ReactDOM) {
'use strict'; 'use strict';
var elem = React.createElement(Examples); var elem = React.createElement(Examples);
React.render(elem, document.getElementById('home-section')); ReactDOM.render(elem, document.getElementById('home-section'));
}); });

14
playground/playground.js
View File

@ -1,5 +1,5 @@
/*eslint-env browser*/ /*eslint-env browser*/
define(['react', 'jquery', 'lodash', './playground-fiddle.rt', './playground.rt'], function (React, $, _, pgFiddleTemplate, playgroundTemplate) { define(['react', 'react-dom', 'jquery', 'lodash', './playground-fiddle.rt', './playground.rt'], function (React, ReactDOM, $, _, pgFiddleTemplate, playgroundTemplate) {
'use strict'; 'use strict';
//function emptyFunc() { //function emptyFunc() {
// return null; // return null;
@ -171,20 +171,20 @@ define(['react', 'jquery', 'lodash', './playground-fiddle.rt', './playground.rt'
//this.sample = React.createFactory(React.createClass(classBase)); //this.sample = React.createFactory(React.createClass(classBase));
}, },
showError: function (e, editor) { showError: function (e, editor) {
var mountNode = this.refs.mount.getDOMNode(); var mountNode = this.refs.mount;
this.setTimeout(function () { this.setTimeout(function () {
showMessage(editor, e.message); showMessage(editor, e.message);
React.render( ReactDOM.render(
React.createElement('div', {className: 'playground-error'}, e.toString()), React.createElement('div', {className: 'playground-error'}, e.toString()),
mountNode mountNode
); );
}, 500); }, 500);
}, },
showErrorAnnotation: function (annot, editor) { showErrorAnnotation: function (annot, editor) {
var mountNode = this.refs.mount.getDOMNode(); var mountNode = this.refs.mount;
this.setTimeout(function () { this.setTimeout(function () {
editor.annotate(annot); editor.annotate(annot);
React.render( ReactDOM.render(
React.createElement('div', {className: 'playground-error'}, annot.message), React.createElement('div', {className: 'playground-error'}, annot.message),
mountNode mountNode
); );
@ -233,9 +233,9 @@ define(['react', 'jquery', 'lodash', './playground-fiddle.rt', './playground.rt'
this.renderSample(); this.renderSample();
}, },
renderSample: function () { renderSample: function () {
var mountNode = this.refs.mount.getDOMNode(); var mountNode = this.refs.mount;
if (this.sample) { if (this.sample) {
React.render(this.sample, mountNode); ReactDOM.render(this.sample, mountNode);
} }
}, },
componentDidUpdate: function () { componentDidUpdate: function () {