react开发需要掌握的相关技术
1.了解node
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。
Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高效。
Node.js 的包管理器 npm,是全球最大的开源库生态系统。
2.webpack
WebPack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将其转换和打包为合适的格式供浏览器使用。
3.ES6
babel:es6解析器,将es6代码转换成浏览器可识别的es5代码
4.ant-design
可用组件
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{}
实际操作步骤:
1.安装依赖:npm install webpack -save
2.编译:npm run build