class ConnectHOC extend React.Component {
// ...
render() {
const mappedState = yourMapState(store.getState(), this.props)
return <YourWrappedComponent {...mappedState} />
}
}(stateProps, dispatchProps, ownProps) => props
case "ADD": {
return {
return {
...store,
entries: [ ...store.entries, { value: action.value } ],
ids: [ ...store.ids, store.ids.length ],
}
};
};
case "UPDATE": {
// заменяем только элемент с id === action.id, остальные оставляем как есть
const nextEntries = store.entries.map((el, id) => id === action.id ? { ...el, value: action.value } : el)
return {
return { ...store, entries: nextEntries }
};
};fetch('myJson.json').then(response => ...)
Я имел виду: у вас на странице пользователя, помимо пользователя может быть куча другой инфы. И вот вытаскивать все ее через один connected-component "СтраницаПользователя" - черевато для производительности (лучше сделать много мелких коннектов)
А вы профайлером глядели что там конкретно вызывает тормоза? Может дело в рендере большого кол-ва компонентов, а не в бизнес логике как таковой?