feat: add useBlocBuilder hook

packages/react-bloc/lib/src/hooks/use-bloc-builder.tsx

@@ -0,0 +1,42 @@
+import React from 'react'
+import { Subscription } from 'rxjs'
+
+interface BlocBuilderOptions {
+  condition: (previous: any, current: any) => boolean
+}
+
+export default function useBlocBuilder(bloc: any, options?: BlocBuilderOptions) {
+  const [state, setState] = React.useState(bloc.state)
+  const mounted = React.useRef<any>(false)
+  const previousState = React.useRef<any>(null)
+  const subscription = React.useRef<any>(Subscription.EMPTY)
+  const thisBloc = React.useRef<any>(bloc)
+
+  const subscribe = () => {
+    subscription.current = thisBloc.current.listen((s: any) => {
+      let rebuild: boolean =
+        options && options.condition ? options.condition.call(null, state, s) : true
+
+      if (rebuild) setState(s)
+      previousState.current = state
+    })
+  }
+
+  const unsubscribe = () => {
+    subscription.current.unsubscribe()
+  }
+
+  React.useLayoutEffect(() => {
+    if (!mounted.current) {
+      mounted.current = true
+      subscribe()
+    } else {
+      unsubscribe()
+      thisBloc.current = bloc
+      subscribe()
+    }
+    return () => unsubscribe()
+  })
+
+  return { state }
+}