随笔分类 -  React

摘要：在构建react项目时，默认使用的webpack-dev-serve有热刷新功能，但是局限是修改一处会使整个页面刷新 当引入了react-hot-loader时，可以实现局部刷新，即同个页面上，某一处的数据修改不会让整个页面一起刷新 以上使用module.hot 实现局部刷新，在新版中如下 在rea 阅读全文

摘要：我们在使用React组件时，调用方法常常用到this和event对象，默认情况是不会绑定到组件上的，需要特殊处理。 节点上使用bind绑定 特点：该方法会在每次渲染组件时都会重新绑定一次，消耗一定的性能。不符合表象与行为分离准则 它属于ES5函数扩展的方法Function.prototype.bin 阅读全文

摘要：并上一节使用的是普通的数据状态管理，不过官方推荐使用装饰器模式，而在默认的react项目中是不支持装饰器的，需要手动启用。 官方参考 一、添加配置 官方提供了四种方法, 方法一、使用TypeScript，顾名思义该方法是项目使用typescript时的配置 方法二、使用babel-preset-mo 阅读全文

摘要：1、安装 2、新建store/index.js，存放数据(以下思路仅限于父子组件的简单应用) 注意：这里暂时没使用装饰器@observable，装饰器和全局数据见下一节 3、回到根组件（父组件）App，引入appState并传入属性 4、切换到子组件 以上是Mobx最简单的使用方法，官方推荐使用装饰 阅读全文

摘要：有时候没有科学上网工具时，怎么安装React DevTool, 其一直接搜索到Chrome的插件安装即可. 其二， 可以通过下载github上的react-devtools， 然后打包，最后导入chrome中, 具体如下： 1. $ git clone https://github.com/face 阅读全文

摘要：一、 首先缕清楚React.createElement、React.createClass、React.Component之间的关系 1. React.createElement(HTML element) & React.createClass(javascript DOM) >> 使用Javas 阅读全文

摘要：一、目标平台 windows+android 1. 必须软件 python2+ nodejs npm 2. 安装react-native命令行 $ npm install -g react-native-cli 3. 搭建安卓环境 (1)React Native目前需要Android Studio2 阅读全文