generator-modation

a frontend project generator with React, Redux and Webpack etc.

Usage no npm install needed!

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

README

Frontend Project Generator (中文版)

  • User Guide - How to develop apps bootstrapped with generator-modation

Technology Stack

  • React
  • Redux
  • Webpack
  • React-router
  • Immutable
  • Antd

Usage

  • yarn global add yo
  • yarn global add generator-modation
  • mkdir myapp && cd myapp
  • yo modation
  • yarn install
  • yarn start
  • view localhost:8000 on your browser
  • Enjoy!

Code Check

  • Eslint check JS with airbnb JS style
  • Stylelint check CSS
  • Git commit message check

Sub Generator

Add New Component

  • Go to the folder where you will to add component, like: cd src/components
  • And run command as follow:
yo modation:component <componet-name>

Add New Container

  • Go to src/containers folder, run command as follow:
yo modation:container <container-name>

Add Testcase of React Component

  • Go to the folder where you will to add testcase, and run command as follow:
yo modation:unittest <component-name>

Todo List