Vision

React Component Build Helper

Description

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

Install

git clone [email protected]: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

2. put your non-react code into design dir

├── design
│   ├── index.html
│   └── style
│       └── style.scss

3. 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

4. edit code in src

└── src
    └── index.js

TODO

Versions

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

Issues