Пример с react-stores

UserActions.ts

export class UserActionsClass {
	public async requestProfile(): void {
		const result = await api.send('profile', 'user', {});
    this.updateProfile();
	}

  private updateProfile(data) {
    // convert data to userStore acceptable view
    newProfile = ...
    //
    balance = this.convertBalance(data.balance)

    // Save data to store
    UserStore.store.setState({
      profile: newProfile,
      loaded: true,
      balance: balance,
    });
  }

  // Some calculatable value based on store
  
  private isNoAddress(): boolean {
    const profile = UserStore.store.state.profile;
		return !profile.address || !profile.zip || !profile.city;
	}

  // Actualy you can create a memoized function here
  // If its hard operation
  private isNoAddress = (): boolean {
    const profile = UserStore.store.state.profile;
    return memoize((profile.address, profile.zip, profile.city) => !profile.address || !profile.zip || !profile.city)
  }
}

export const UserActions = new UserActionsClass();

UserPage.tsx

// You can use stores with Component or with FunctionComponent

export class UserPage extends React.Component() {

  async componentDidMount() {
    // You can do this in you component
    this.setState({ loading: true })
    await UserActions.requestProfile();
    this.setState({loading: false});

    this.userEvent = UserStore.store.on('update', (state) => {
      this.setState({
        profile: state.profile, // link profile to you component
      })
    })
  }

  componentWillUnmount() {
    this.userEvent.remove() // Remove subscribe
  }

  render() {
    return (...)
  }
}

// OR

export const UserPage = () => {
  const [ loading, setLoading ] = React.useState(false);

  const profile = useStore(UserStore.store, {
    mapState: (store) => store.profile 
  })

  React.useEffect(() => {
    async function fetchProfile() {
      setLoading(true)
      await UserActions.requestProfile();
      setLoading(false)
    }
   fetchProfile();
  }, [])

  return (...)
}

// You also can make a hook with important data which you using all the time

const useProfile () => {
  return useStore(UserStore.store, {
    mapState: (store) => store.profile 
  })
}

// and use it in components

export const SomeComponentWhichUseProfile = () => {
  const profile = useProfile();

  return <>{profile.name}</>;
}

UserStore.ts

// Создаем хранилище и описываем его структуру

import { Store } from 'react-stores';

export interface Profile {
	id: number;
	regtime: Date;
	email: string;
	name: string;
	surname: string;
	dummyName: string;
	gender: number;
	birthdate: Date;
	lang: string;
}

const initialState: State = {
  // Loaded may need but not LOADING state
	loaded: false,
	balance: 0,
	profile: <Profile>{
		id: 0,
		regtime: new Date(0),
		email: '',
		name: '',
		surname: '',
		dummyName: '',
		gender: CONFIG.ENUMS.PROFILE.GENDER.MALE,
		birthdate: new Date(0),
		lang: '',
  },
}


export const store: Store<State> = new Store<State>(initialState);