Webpack + ReactJS性能问题

时间:2016-09-20 07:25:04

标签: javascript performance reactjs webpack web-performance

我已经创建了一个使用Webpack捆绑的小型ReactJs应用程序。后端是使用Java(Spring Boot)完成的,我在我的笔记本电脑(新的Macbook Pro)中运行应用程序。我在Chrome中对它进行了测试,并注意到从捆绑文件(find_all)调用REST API调用(positions_bundle.js)之前需要相当长的时间,请参阅下面的屏幕截图。这看起来像是使用这些技术的正常性能吗?我使用Spring Boot和Webpack dev服务器运行前端,并且它们之间没有任何显着差异。

enter image description here

EDIT。这是我的React类,它创建REST API调用:

import React from "react";
import axios from "axios";
import {connect} from "react-redux";
import {bindActionCreators} from "redux";
import {setPositionData} from "../actions/setPositionData";

class PositionDataFetcher extends React.Component {

   constructor(props) {
      super(props);
   }

   componentDidMount(){
      axios.get('http://localhost:9000/jmap/position/find_all')
         .then(function (response) {
            // console.log(response.data);
            this.props.setPositionData(response.data);
         }.bind(this)
         )
         .catch(function (error) {
            console.log(error);
         });
   }
   render(){
      return null;
   }
}

function mapStateToProps(state) {
   return {
      positionData: state.positionData
   };
}

function matchDispatchToProps(dispatch) {
   return bindActionCreators({setPositionData: setPositionData}, dispatch);
}

export default connect(mapStateToProps, matchDispatchToProps)(PositionDataFetcher)

0 个答案:

没有答案