diff --git a/.core/app/reactium-hooks.js b/.core/app/reactium-hooks.js
index a9496408..4bd9ff55 100644
--- a/.core/app/reactium-hooks.js
+++ b/.core/app/reactium-hooks.js
@@ -124,7 +124,7 @@ import('reactium-core/sdk').then(
 
         Reactium.Hook.register(
             'sdk-init',
-            async () => {
+            async Reactium => {
                 Reactium.State = new ReactiumSyncState(
                     op.get(window, 'state', {}),
                 );
diff --git a/.core/sdk/index.js b/.core/sdk/index.js
index ba50b7b5..ffca4524 100644
--- a/.core/sdk/index.js
+++ b/.core/sdk/index.js
@@ -13,7 +13,7 @@ import {
 } from '@atomic-reactor/reactium-sdk-core';
 
 import { AppContext } from './named-exports';
-
+import { useDispatcherFactory, useStateEffectFactory } from './named-exports';
 export * from '@atomic-reactor/reactium-sdk-core';
 export * from './named-exports';
 
@@ -57,4 +57,9 @@ const apiHandler = {
     },
 };
 
-export default new Proxy(SDK, apiHandler);
+const Reactium = new Proxy(SDK, apiHandler);
+
+export const useDispatcher = useDispatcherFactory(Reactium);
+export const useStateEffect = useStateEffectFactory(Reactium);
+
+export default Reactium;
diff --git a/.core/sdk/named-exports/index.js b/.core/sdk/named-exports/index.js
index 37d87ef4..b8e5801d 100644
--- a/.core/sdk/named-exports/index.js
+++ b/.core/sdk/named-exports/index.js
@@ -6,3 +6,4 @@ export * from './i18n';
 export * from './routing';
 export * from './hookable-component';
 export * from './app-context';
+export * from './useDispatcher';
diff --git a/.core/sdk/named-exports/useDispatcher.js b/.core/sdk/named-exports/useDispatcher.js
new file mode 100644
index 00000000..b618f78d
--- /dev/null
+++ b/.core/sdk/named-exports/useDispatcher.js
@@ -0,0 +1,28 @@
+import _ from 'underscore';
+import cc from 'camelcase';
+import op from 'object-path';
+import {
+    ComponentEvent,
+    useEventEffect,
+} from '@atomic-reactor/reactium-sdk-core';
+
+export const useDispatcherFactory = Reactium => ({ props, state }) => (
+    type,
+    obj,
+) => {
+    if (!state) state = Reactium.State;
+
+    obj = _.isObject(obj) ? obj : {};
+
+    const evt = new ComponentEvent(type, obj);
+    const cb = op.get(props, cc(`on-${type}`));
+
+    if (_.isFunction(cb)) state.addEventListener(type, cb);
+
+    state.dispatchEvent(evt);
+
+    if (_.isFunction(cb)) state.removeEventListener(type, cb);
+};
+
+export const useStateEffectFactory = Reactium => (handlers = {}, deps) =>
+    useEventEffect(Reactium.State, handlers, deps);
diff --git a/package-lock.json b/package-lock.json
index ab76bfd4..1431f20b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,15 +1,15 @@
 {
     "name": "reactium",
-    "version": "5.0.0-alpha-2",
+    "version": "5.0.0-alpha-3",
     "lockfileVersion": 3,
     "requires": true,
     "packages": {
         "": {
             "name": "reactium",
-            "version": "5.0.0-alpha-2",
+            "version": "5.0.0-alpha-3",
             "license": "MIT",
             "dependencies": {
-                "@atomic-reactor/reactium-sdk-core": "^1.2.21",
+                "@atomic-reactor/reactium-sdk-core": "^1.2.22",
                 "@babel/cli": "^7.21.0",
                 "@babel/node": "^7.20.7",
                 "@loadable/component": "^5.15.3",
@@ -443,9 +443,9 @@
             }
         },
         "node_modules/@atomic-reactor/reactium-sdk-core": {
-            "version": "1.2.21",
-            "resolved": "https://registry.npmjs.org/@atomic-reactor/reactium-sdk-core/-/reactium-sdk-core-1.2.21.tgz",
-            "integrity": "sha512-STBIWFemiVHLtbHP9AmxPeyEAfVIbqw+RysouM1KTCrsuHzmC8YVjNIY7YcsRhYOIOWagx7FmLPnH+5Zpz2+fA==",
+            "version": "1.2.22",
+            "resolved": "https://registry.npmjs.org/@atomic-reactor/reactium-sdk-core/-/reactium-sdk-core-1.2.22.tgz",
+            "integrity": "sha512-w3Ln+yNdifmFOhfgBYMTcCzJxBt6o7rsi/TVP3Hg06FGqf5yU72yoa1r6JhtmZfer50mFMsfVvAW1WPmxjSZFA==",
             "dependencies": {
                 "action-sequence": "^1.1.2",
                 "classnames": "^2.3.2",
diff --git a/package.json b/package.json
index cf73254f..91b07144 100644
--- a/package.json
+++ b/package.json
@@ -40,7 +40,7 @@
     "parse/node": false
   },
   "dependencies": {
-    "@atomic-reactor/reactium-sdk-core": "^1.2.21",
+    "@atomic-reactor/reactium-sdk-core": "^1.2.22",
     "@babel/cli": "^7.21.0",
     "@babel/node": "^7.20.7",
     "@loadable/component": "^5.15.3",