State and Store in frontend codebase - State example - App

App.tsx

import * as React from "react";

import { useState } from "@iadvize-oss/store-react";

import * as State from "./state";
import { store } from "./store";
import { createUserAndSave } from "./service";

import Users from "./components/Users";
import UserForm from "./components/UserForm";

const handleFormSubmission = createUserAndSave;

export default function App() {
  const state = useState(store);

  if (State.isLoading(state)) {
    return <>Loading...</>;
  }

  if (State.isError(state)) {
    return <>Something went wrong</>;
  }

  return (
    <>
      <Users users={State.users(state)} />
      <UserForm onSubmit={handleFormSubmission} />
    </>
  );
}