generator-react-skeleton

React 16 skeleton

Usage no npm install needed!

<script type="module">
  import generatorReactSkeleton from 'https://cdn.skypack.dev/generator-react-skeleton';
</script>

README

generator-react-skeleton NPM version

React16 boilerplate

Installation

First, install Yeoman and generator-react-skeleton using npm (we assume you have pre-installed node.js).

npm install -g yo
npm install -g generator-react-skeleton

Then generate your new project:

yo react-skeleton

Commands

Creating container with presentation. Optional parameters are: action, reducer, async, route, redux - to configure your container.

yo react-skeleton:container <path-to-container> --action=<action-name> --reducer=<reducer-name> --route=/<route> --async --redux

Creating pure presentation.

yo react-skeleton:component <path-to-component>

Creating pure styled component. Optional parameter is tagName ( default is div ).

yo react-skeleton:styled <path-to-styled> --tagName=<tag-name>

Creating pure action. Optional parameter is async.

yo react-skeleton:action <path-to-action> --async

Creating pure action. Optional parameters are: action ( path to action to connect to reducer; path will be added to import path without modifications ), actionName ( name of action that will be placed between brackets {} in "import" directive ), async ( flag that will control is this reducer needs to be async ).

yo react-skeleton:reducer <path-to-reducer> --action=<action-path-from-reducer-folder> --actionName=<action-name> --async

All your abstractions will be have path based on source root you pick in start.

License

MIT Denis Buryachkovsky