react開發(fā)需要掌握的相關(guān)技術(shù)
1.了解node
Node.js 是一個基于 Chrome V8 引擎的 JavaScript 運行環(huán)境。
Node.js 使用了一個事件驅(qū)動晴弃、非阻塞式 I/O 的模型,使其輕量又高效漾肮。
Node.js 的包管理器 npm谣膳,是全球最大的開源庫生態(tài)系統(tǒng)。
2.webpack
WebPack可以看做是模塊打包機(jī):它做的事情是句携,分析你的項目結(jié)構(gòu)琅豆,找到JavaScript模塊以及其它的一些瀏覽器不能直接運行的拓展語言(Scss愉豺,TypeScript等),并將其轉(zhuǎn)換和打包為合適的格式供瀏覽器使用趋距。
3.ES6
babel:es6解析器,將es6代碼轉(zhuǎn)換成瀏覽器可識別的es5代碼
4.ant-design
可用組件
react參考實例:運營系統(tǒng)?參考入門
react相關(guān)重點:
箭頭函數(shù):箭頭函數(shù)看上去是匿名函數(shù)的一種簡寫越除,但實際上节腐,箭頭函數(shù)和匿名函數(shù)有個明顯的區(qū)別:箭頭函數(shù)內(nèi)部的this是詞法作用域,也就是外層調(diào)用者摘盆,由上下文確定翼雀。
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
狀態(tài)機(jī),內(nèi)部是異步批量設(shè)置的孩擂,觸發(fā)后狼渊,會執(zhí)行回調(diào)函數(shù),保證調(diào)用順序可控类垦,狀態(tài)機(jī)寫法狈邑,:this.setState({},()=>{
});
props:
主要用戶組件間值和函數(shù)的傳遞
父組件將回調(diào)注冊到子組件,子組件調(diào)用父組件的函數(shù)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