Revision of Thomas Burleson's React Hooks + Facade article on Medium: https://medium.com/p/4e116330bbe1

useUsersFacade.ts

export function useUsersFacade(): [
  UserState,
  typeof usersService.setActive,
  typeof usersService.updateActive
] {
  const [users, setUsers] = useState<User[]>([]);
  const [active, setActive] = useState<User | null>(null);

  /**
   * Manage subscriptions with auto-cleanup
   */
  useEffect(() => {
    const subscriptions: Subscription[] = [
      onEmit<User[]>(usersQuery.users$, setUsers),
      onEmit<User>(usersQuery.active$, setActive)
    ];

    usersService.loadAll();
    return () => {
      subscriptions.map(it => it.unsubscribe());
    };
  }, []);

  return [
    { users, active },
    useCallback(usersService.setActive.bind(usersService), []),
    useCallback(usersService.updateActive.bind(usersService), [])
  ];
}