react-markdown-gen

0.0.11 • Public • Published

react-markdown-gen

use react-docgen to extract information from React component, and convert to markdown.

Install

npm install -g react-markdown-gen

Usage:

rmd <component_name> <input_file> [output_file]

example

rmd Calendar index.js readme.md
 
#If no output file exists, markdown string will be printed out. 
rmd Calendar index.js

For the following component

import React, {Component} from 'react';
 
/**
 * General component description.
 */
export default class MyComponent extends Component {
    render() {
        // ...
    }
}
 
MyComponent.defaultProps = {
    showPagination: true,
    paginationColor: '#09c',
    paginationSpace: 20
}
 
MyComponent.propTypes = {
    /** Description of prop "children". */
    children: React.PropTypes.node.isRequired,
    showPagination: React.PropTypes.bool,
    paginationColor: React.PropTypes.string,
    paginationSpace: React.PropTypes.number,
}

we are getting this output:

MyComponent

General component description.

Props

Prop Type Default Required Description
children node Yes Description of prop "children".
showPagination bool true No
paginationColor string '#09c' No
paginationSpace number 20 No

Readme

Keywords

Package Sidebar

Install

npm i react-markdown-gen

Weekly Downloads

0

Version

0.0.11

License

MIT

Last publish

Collaborators

  • roscoe054