essential-react 学习笔记
官方资料
- website: http://pheuter.github.io/essential-react/
- Github:https://github.com/pheuter/essential-react
设计目标
- 使用更少的工具(不要使用 yeoman,gulp,bower 等)
- 带 Webpack 和热加载器的 Babel 6
- 使用模拟出的 DOM 进行快速测试
- 导入 CSS 文件作为类名
- 分开的智能和哑巴组件
- 没有特定的 Flux 或数据获取模式实现
入门
$ npm install
启动本地开发服务器:
$ npm run server
导航到 http://localhost:8080/
以查看该应用程序。
指令
此骨架应用程序的核心理念是将工具保持在最低限度。因此,您可以在 package.jsonscripts 部分中找到所有命令。
服务器
$ npm run server
输入:src/main.jsx
这将利用 React Hot Loader 自动启动本地开发服务器并即时刷新文件更改,而无需重新加载页面。
它还自动包含源映射,使您可以浏览代码并在原始 ES6 代码上设置断点:
build
$ npm run build
输入: src/main.jsx
输出: build/app.js
使用生产快捷方式构建用于生产的小型应用程序。
测试
$ npm test
输入: test/main.js
输出: coverage/
利用 ava 执行测试套件并使用 nyc 生成代码覆盖率报告
coveralls
$ npm run coveralls
输入: coverage/lcov.info
将 nyc 生成的代码覆盖率报告发送给 Coveralls。
clean
$ npm run clean
Input: build/app.js