archive-gh-me/generator-react-webpack
1
0
Fork 0
mirror of https://github.com/react-webpack-generators/generator-react-webpack.git synced 2025-12-08 18:01:59 +00:00
Code Issues Projects Releases Wiki Activity

add 'rich' option for component generator

Browse Source
This commit is contained in:
Yonatan Schreiber 2015-04-15 01:18:58 +03:00
parent 7242c7030f
commit 9e7503bc10
2 changed files with 17 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
component/index.js
View File

@ -10,8 +10,11 @@ util.inherits(ComponentGenerator, ScriptBase);
ComponentGenerator.prototype.createComponentFile = function createComponentFile() {
this.option('es6');
this.option('rich');
this.es6 = this.options.es6;
this.rich = this.options.rich;
console.log(this.architecture)
console.log('Creating a component');

16
templates/javascript/Component.js
View File

@ -1,6 +1,9 @@
'use strict';
var React = require('react/addons');
var React = require('react/addons');<% if(rich && architecture === 'reflux'){%>
var Reflux = require('Reflux'); <%}%>
<% if(rich && architecture === 'flux' || architecture === 'reflux'){%>
//var Actions = require('actions/xxx')<%}%>
<% if (stylesLanguage === 'css') { %>require('styles/<%= classedFileName %>.css');<% } %><%
if (stylesLanguage === 'sass') { %>require('styles/<%= classedFileName %>.sass');<% } %><%
@ -8,7 +11,16 @@ if (stylesLanguage === 'scss') { %>require('styles/<%= classedFileName %>.scss
if (stylesLanguage === 'less') { %>require('styles/<%= classedFileName %>.less');<% } %><%
if (stylesLanguage === 'stylus') { %>require('styles/<%= classedFileName %>.styl');<% } %>
var <%= classedName %> = React.createClass({
var <%= classedName %> = React.createClass({<% if(rich){%>
mixins: [<% if(architecture === 'reflux'){%>Reflux.ListenerMixin<%}%>],
getInitialState: function() { return({}) },
getDefaultProps: function() {},
componentWillMount: function() {},
componentDidMount: function() {},
shouldComponentUpdate: function() {},
componentDidUpdate: function() {},
componentWillUnmount: function() {},<%}%>
render: function () {
return (
<div>