class Foo {
constructor() {
this.renderHover = () => {};
}
}
renderHover() {
return (
<div>
{/* some hover block with a lot of markup*/}
</div>
)
}
const fetchData = async () => {
const users = await fetchUsers();
const posts = await fetchPosts();
// do something with users and posts
};
App.state
например. Тут все зависит от подхода к реализации и стека технологий, которые вы используете.componentDidMount() {
this.props.store.dispatch(someAction());
}
store.dispatch(someAciton());
class SomeComponent extends React.Comopnent {
componentDidMount() {
this.props.dispatch(someAction());
}
}
export default connect(mapStateToProps)(SomeComponent);
1. При создании каждого компонента тратится дополнительное время на инициализацию этих функций.
2. Ненужные копии занимают дополнительное место в памяти.
Это все. Если вы строите списки и рендер методы достаточно объемные, то разница думаю будет заметна. Особенно если компонентов более сотни и таких методов у них много. Тут надо бенчмарк делать.