node package manager
Stop wasting time. Easily manage code sharing in your team. Create a free org »

we-vision

NPM Version NPM Downloads

Vision

React Component Build Helper

Description

Vision is created for developer to extract non-React component into React Component.

Install

git clone git@gitlab.intra.wepiao.com:Vision/vision.git
 
npm link # may require sudo 
OR
npm install we-vision -g

How to start

  1. create seed project
vision init [Component_Name]

Then, seed project will be created as following.

├── README.md
├── design
│   ├── index.html
│   └── scss
│       └── style.scss
├── demo
│   ├── index.html
│   ├── js
│       └── index.jsx
├── index.js
├── package.json
└── src
    └── index.jsx
  1. put your non-react code into design dir
├── design
│   ├── index.html
│   └── style
│       └── style.scss
  1. dev start
  • view design page
// [-p PORT] to use a custom port
vision design # project root dir
  • view demo page (react component /jsx)
// [-p PORT] to use a custom port
vision start # project root dir
  1. edit code in src
└── src
    └── index.js

TODO

Versions

  • 0.1.0
    • seed project create
    • HMR in dev mode
    • cli help info

Issues