super-react

#Super React

Opinionated Command Line Tool for Scaffolding out Nested React Components Into Files

##Install

npm install -g super-react

##Usage

super-react "[string]" [--file=<components scaffold>.json] [--output=<path | defaults "./components">]

##Scaffold Components From Emmet Syntax

###Basic Example

super-react "App>Description+ListContainer>List"

Results in a folder ./components and has:

.
..
App.js
Description.js
List.js
ListContainer.js

App.js has the following contents:

var React = require('react');
var Description = require('./Description.js');
var ListContainer = require('./ListContainer.js');


var App = React.createClass({
  mixins : [],
  propTypes: {

  },
  render: function() {
    var styles = {};

    return (
      <div>
        <Description />
        <ListContainer />
      </div>
    );
  }

});
module.exports = App;

###Complex Example

super-react "App>Description+ListContainer>List" --output=./my_components

Creates components in ./my_components

##Scaffold Components From JSON File

Say we have a components.json file with the following contents:

{
  "App": {
    "ListContainer": {
      "AddItem":{},
      "List":{}
    }
  }
}

Lets run super-react with the file flag:

super-react --file=components.json --output=./my_components

We get a folder ./my_components with the following:

.
..
AddItem.js
App.js
List.js
ListContainer.js

App has the contents you would expect from the previous section.

##Contribute?

I <3 Pull Requests, suggestions, and Issue reports.