cherry-doc: 基于React的动态文档系统

前端之家收集整理的这篇文章主要介绍了cherry-doc: 基于React的动态文档系统前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

概述

cherry-doc 是什么?

cherry是一个基于React的动态文档系统。区别于hexo等md文档工具,它是开发者边开发边生成文档网站,不会再有后期补充文档的烦恼。基于markdown语法书写js代码,可以通过code标签运行code里的js代码预览效果
做到边开发边生成文档。

特性

组件渲染效果预览

^^^js
import React from 'react';
export default class Comp extends React.Component {

handleClicked(e) {
    alert('hi cherry');
}

render() {
    return (
        <button 
            onClick={this.handleClicked.bind(this)} 
            style={{fontSize:'40px',backgroundColor:"#FF0"}}>
            我是按钮
        </button>
    )
}

}
^^^

GitHub地址: cherry-doc

详细文档地址(基于cherry-doc生成):查看文档

猜你在找的React相关文章