started juliette-react refactoring

projects/juliette-react/src/lib/use-store.ts → projects/juliette-react/src/lib/hooks.ts

@@ -1,12 +1,23 @@
 import { useContext, useEffect, useMemo, useState } from 'react';
-import { StoreContext } from './store-context';
+import { StoreContext } from './contexts';
 import { Store, Dispatch, Selector } from 'juliette';
 import { distinctUntilChanged, skip, take } from 'rxjs/operators';
 
-export function useStore<T, R>(selector: Selector<T, R>): [R, Dispatch] {
-  const store: Store<T> = useContext(StoreContext);
+export function useStore<T = any>(): Store<T> {
+  const store = useContext(StoreContext);
   if (!store) throw new Error('Store is not provided! Use StoreContext to provide it.');
 
+  return store;
+}
+
+export function useDispatch(): Dispatch {
+  const store = useStore();
+  return store.dispatch.bind(store);
+}
+
+export function useSelector<T, R>(selector: Selector<T, R>): R {
+  const store = useStore<T>();
+
   const [state$, initialState] = useMemo(() => {
     let initialState: R = null as any;
     const state$ = store.select(selector).pipe(distinctUntilChanged());
@@ -21,5 +32,5 @@ export function useStore<T, R>(selector: Selector<T, R>): [R, Dispatch] {
     return () => subscription.unsubscribe();
   }, [state$]);
 
-  return [state, store.dispatch.bind(store)];
+  return state;
 }

projects/juliette-react/src/public-api.ts

@@ -1,2 +1,2 @@
-export * from './lib/store-context';
-export * from './lib/use-store';
+export * from './lib/contexts';
+export * from './lib/hooks';