React FS Renderer Example

.babelrc

{
  "presets": ["react", "latest"]
}

MyProjectTemplateGenerator.js

import React from 'react';
import {
  renderToFS,
} from 'react-fs-renderer';


const JSONFile = ({ name, json }) => (
  <file
    name={`${name}.json`}
    children={JSON.stringify(json)}
  />
);

const MyProjectTemplate = ({ name, displayName }) => (
  <folder>
    <JSONFile name="app" json={{ name, displayName }} />
    <JSONFile name="package" json={{
      name,
      version: '0.0.0',
      main: 'src/${}.js',
      dependencies: {react: '^15.4.2'}
    }} />
    <folder name="src">
      <file name={`${name}.js`} children={"mainFileContent"} />
    </folder>
  </folder>
);


renderToFS(
  <MyProjectTemplate
    displayName="My Great App"
    name="GreatApp"
  />,
  './testDir'
);

package.json

{
  "name": "MyProjectTemplateGenerator",
  "version": "0.0.0",
  "main": "lib/MyProjectTemplateGenerator.js",
  "scripts": {
    "go": "node lib/MyProjectTemplateGenerator",
    "build": "babel MyProjectTemplateGenerator.js --out-dir lib"
  },
  "dependencies": {
    "react": "^15.4.2",
    "react-fs-renderer": "^1.0.0"
  },
  "devDependencies": {
    "babel": "^6.5.2",
    "babel-plugin-transform-runtime": "^6.22.0",
    "babel-preset-latest": "^6.22.0",
    "babel-preset-react": "^6.22.0"
  }
}