React.js Boilerplate 教程
react-boilerplate
快速设置新的面向性能的离线第一个 React.js 应用程序
入门
如果尚未下载,请复制样板
git clone https://github.com/react-boilerplate/react-boilerplate.git
运行安装程序以启动一切并运行
npm run setup
并启动开发服务器
npm start
现在,您可以转到 localhost:3000
并查看您的应用程序!
特征
可预测状态
使用 Redux 可以控制应用程序的状态并使状态突变易于管理。如果有的话,样板可以与 Chrome Redux DevTools 扩展一起使用,以查看,播放和更改操作历史记录!
即时反馈
享受最好的 DX 并以思想的速度编写您的应用程序!您保存的对 CSS 和 JS 的更改会立即反映出来,而无需刷新页面。即使在基础代码中更新某些内容,也可以保留应用程序状态!
下一代 JavaScript
不用担心浏览器支持,并立即使用模板字符串,对象解构,箭头函数,JSX 语法等功能!
下一代 CSS
编写与组件位于同一位置的可组合 CSS,以实现完整的模块化。唯一的生成的类名称在消除样式冲突的同时,降低了特异性。仅发送页面上的样式以获得最佳性能。
行业标准路由
想要在应用程序中添加页面(例如“ / about”)是很自然的,而路由使这成为可能。
快速脚手架
可以直接从 CLI 自动创建组件,容器,路线,选择器和 sagas- 及其测试。避免打乱代码的本质,而专注于您的应用程序!
离线优先
高性能 Web 应用程序的下一个前沿领域:从用户加载应用程序之日起,无需网络连接即可获得可用性。