essential-react 学习笔记

🌙
手机阅读
本文目录结构
axihe

官方资料

设计目标

  • 使用更少的工具(不要使用 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


AXIHE / 精选资源

浏览全部教程

面试题

学习网站

前端培训
自己甄别

前端书籍

关于朱安邦

我叫 朱安邦,阿西河的站长,在杭州。

以前是一名平面设计师,后来开始接接触前端开发,主要研究前端技术中的JS方向。

业余时间我喜欢分享和交流自己的技术,欢迎大家关注我的 Bilibili 和抖音。

关注我: Github / 知乎

如果你加我的私人微信,麻烦写上您的 称呼,所在地区,职业,方便我备注,谢谢


本站的微信公众号

阿西河前端教程

Anbang

安邦的私人微信

微信号: yaolushan

Anbang

Bilibili(B站)

朱安邦

Anbang