Webpack を使用してバンドルされた小さな ReactJs アプリケーションを作成しました。バックエンドは Java (Spring Boot) を使用して行われ、ラップトップ (新しい Macbook Pro) でアプリを実行しています。Chrome でテストしたところ、REST API 呼び出し ( find_all
) がバンドル ファイル ( positions_bundle.js
) から呼び出されるまでにかなりの時間がかかることがわかりました。以下のスクリーンショットを参照してください。これは、これらのテクノロジを使用した通常のパフォーマンスのように見えますか? Spring Boot と Webpack dev サーバーの両方を使用してフロントエンドを実行しましたが、それらの間に大きな違いはありません。
編集。これは、REST API 呼び出しを作成する私の React クラスです。
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)