react

react开发需要掌握的相关技术

---

1.了解node

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。

Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。

Node.js 的包管理器 npm，是全球最大的开源库生态系统。

node中文网

2.webpack

WebPack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其转换和打包为合适的格式供浏览器使用。

webpack教程

3.ES6

babel：es6解析器，将es6代码转换成浏览器可识别的es5代码

es6快速上手    es6详细教程

4.ant-design
可用组件

---

react参考实例：运营系统 参考入门

react相关重点：

箭头函数：箭头函数看上去是匿名函数的一种简写，但实际上，箭头函数和匿名函数有个明显的区别：箭头函数内部的this是词法作用域，也就是外层调用者，由上下文确定。

var obj = {

birth: 1990,

getAge: function () {

var b = this.birth; // 1990

var fn = () => new Date().getFullYear() - this.birth; // this指向obj对象

return fn();

}

};

obj.getAge(); // 25

组件生命周期

state

状态机，内部是异步批量设置的，触发后，会执行回调函数，保证调用顺序可控，状态机写法，：this.setState({},()=>{

});

props:

主要用户组件间值和函数的传递

父组件将回调注册到子组件，子组件调用父组件的函数this.props.handleSearch(values);

import:

例子：import {Table} from'antd'; 带{}表示引用模块的一部分

export:

export default class User extends React.Component{}

参考module

实际操作步骤：

1.安装依赖：npm install webpack -save

2.编译：npm run build