// Main component
  componentDidMount() {
   dispatch(showLoader());
  }

  render() {
    return (
      <Wrapper>
        <Component1 />
        <Component2 />
        <Component3 />
      </Wrapper>
    );
  }

// Each of components are similar:

export const loadPageData = () => async () => {
    try {
    const responses = await dispatch(loadSth());
    dispatch(loadPageSuccess(responses));
    dispatch(hideMultipleLoader());
  } catch (error) {
    // handle error
  }
};