Function useResources

react/src/hooks.ts:79–117

(
  subjects: string[],
  opts: {
    /**
     * If this is true, incomplete resources will not be automatically fetched.
     * This limits the amount of requests. Use this for things like menu items.
     */
    allowIncomplete?: boolean;
  } = {},
)

 * a long time.
 */
export function useResources(
  subjects: string[],
  opts: {
    /**
     * If this is true, incomplete resources will not be automatically fetched.
     * This limits the amount of requests. Use this for things like menu items.
     */
    allowIncomplete?: boolean;
  } = {},
): Map<string, Resource> {
  const [resources, setResources] = useState(new Map());
  const store = useStore();

  useEffect(() => {
    function handleNotify(updated: Resource) {
      // When a change happens, set the new Resource.
      resources.set(updated.getSubject(), updated);
      // We need to create new Maps for react hooks to update - React only checks references, not content
      setResources(new Map(resources));
    }

    // Iterate over all resources asynchronously
    subjects.map(subject => {
      const resource = store.getResourceLoading(subject, opts);
      resources.set(subject, resource);
      setResources(new Map(resources));
      // Let the store know to call handleNotify when a resource is updated.
      store.subscribe(subject, handleNotify);
    });

    return () => {
      // When the component is unmounted, unsubscribe from the store.
      subjects.map(subject => store.unsubscribe(subject, handleNotify));
    };
    // maybe add resources here
  }, [subjects, store]);

  return resources;
}

/**
 * Hook for using a Property. Will return null if the Property is not yet