https://github.com/wuweiweiwu/ez-react-component

An opinionated CLI to quickly bootstrap the development environment for your React component
https://github.com/wuweiweiwu/ez-react-component

babel bolierplate component create-react-app development environment enzyme jest react storybook webpack

Last synced: about 1 month ago
JSON representation

An opinionated CLI to quickly bootstrap the development environment for your React component

• Host: GitHub
• URL: https://github.com/wuweiweiwu/ez-react-component
• Owner: wuweiweiwu
• License: mit
• Created: 2018-02-02T06:36:39.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2018-02-02T23:39:38.000Z (almost 7 years ago)
• Last Synced: 2024-11-14T10:38:58.855Z (about 2 months ago)
• Topics: babel, bolierplate, component, create-react-app, development, environment, enzyme, jest, react, storybook, webpack
• Language: JavaScript
• Homepage:
• Size: 62.5 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# ez-react-component

[![NPM](https://nodei.co/npm/ez-react-component.png)](https://nodei.co/npm/ez-react-component/)

an opinionated CLI to bootstrap your React component development.

Inspired by [fritz-c](https://github.com/fritz-c)'s setup for his projects. A lot of code was taken from [create-react-app](https://github.com/facebook/create-react-app)

## Usage

```bash

npm i -g ez-react-component

# create the environment in my-component

ez-react-component my-component

```

## Options

```bash

--use-npm # pretty self explanatory

--verbose # print everything

--info # additional debug info

```

## Scripts

```bash

# run the demo app server on localhost:3001

yarn start

# run the react storybook server on localhost:3001

yarn storybook

# build the component

yarn build

# build the demo website

yarn build:demo

# build the storybook

yarn build-storybook

# run the storybook tests using enzyme and jest

yarn test

# see above but watching for changes

yarn test:watch

# clean the dist directory

yarn clean

# clean the public directory

yarn clean:demo

# lint the project

yarn lint

# run prettier to make your code pretty

yarn prettier

# deploy the demo site to gh pages

yarn deploy

```