文档目录说明

    .
    ├── README.md
    ├── demo.html  //入门测试demo
    ├── dist    //编译后目标文件
    ├── js  //react 相关文件
    ├── node_modules //node包
    ├── src  //源文件目录
    │   ├── test.js     //react 简单入门实例
    │   ├── todo-adon.js    //使用事件订阅
    │   ├── todo-animate.js     //添加动画
    │   ├── todo-learning.js    //未拆分的组件写法，数据直接从父组件传入
    │   └── todo.js     //未使用事件订阅
    ├── style //样式文件
    ├── todo-adon.html  //使用事件订阅
    ├── todo-animate.html  //添加动画
    └── todo.html  //未使用事件订阅

编译运行命令

babel -w --presets react src --out-dir dist

请先确认安装babel 和 babel-preset-react，该命令是对 src中的所有文件进行 preset react 编译并监听，更多关于babel的介绍参考这里

说明

babel preset react 只是对 react 的 jsx 语法进行编译，babel 可以对es6 语法进行编译，但都不是模块化，固 js 中require 模块不会起作用，如果要模块化，需要 webpack 工具。webpack+react实例参考这里