React 金刚钻

一、String 类型的 Refs 不建议使用，因为 string 类型的 refs 存在一些问题。它已过时并可能会在未来的版本被移除。 二、回调 Refs 如果 ref 回调函数是以内联函数的方式定

通过引入新概念（store、reducer、action、slice、thunk）和中间环节（组件绑定、中间件），把状态维护逻辑剥离出去，与组件解耦，使组件更纯粹

PC网站极地代价1秒适配手机端，达到在手机端能看的效果。理想的解决方案还是在设计阶段就考虑响应式布局或者PC移动分离的方案。

create-react-app 创建工程，打包工程向下兼容 IE8 或者 11 浏览器；只需借助React官方库即可完成！

1. 自动清理 /dist 文件夹 设置缓存配置后，内容变更后的每次构建都会生成新的文件。但是 webpack 无法追踪到哪些文件是实际在项目中用到的。然后，需要在每次构建前清理 /dist 文件夹。使用插件可以自动完成。 2. 配置 source map 当 webpack …

1. 保持版本最新 较新的版本能够建立更高效的模块树以及提高解析速度。 包含在Node.js 安装包内。Node.js 最新，npm 最新 2. 减少 loader 作用范围 3. 自定义 CSS Module 名称 4. CSS Tree Shaking 移除没有使用的 CS…

3. package.json 添加 build 脚本 4. 拆分 webpack.config.js 都可以生成dist/main.js文件，区别就是dev为 develpotment 模式代码未压缩。 5. 使用 html 模板 9. 添加 React 支持 10. 自动编…

使用 webpack 来打包我们的模块化后的应用程序，会生成一个可部署的 /dist 目录，打包后的内容放置在此目录中。只要 /dist 目录中的内容部署到服务器上，客户端（通常是浏览器）就能够访问网站此服务器的网站及其资源。 浏览器使用一种名为缓存的技术。可以通过命中缓存，以…

在表单中有多个表单项必填，可以通过 Select 组件自定义返回值填充其他表单项来达到快速填写的目的。 直接使用 Select 组件是无法直接将自定义返回值传递给 Form 的，所以需要自定义组件。 自定义或第三方的表单控件，也可以与 Form 组件一起使用。只要该组件遵循以下…