feat: event-based lifecycle hooks

aidenybai · Apr 25, 2021 · 29cc06c · 29cc06c
1 parent 485c166
commit 29cc06c
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/src/component.ts b/src/component.ts
@@ -37,6 +37,9 @@ export class Component {
 
     setElementCustomProp(rootEl, COMPONENT_FLAG, this);
 
+    const mountedEvent = new CustomEvent('mount');
+    rootEl.dispatchEvent(mountedEvent);
+
     return this.state;
   }
 

diff --git a/src/core/render.ts b/src/core/render.ts
@@ -55,6 +55,12 @@ const render = (
           }
         }
       }
+
+      // Effect is like a watcher but detects changes to an el
+      if (node.directives['on:effect']) {
+        const effectEvent = new CustomEvent('effect');
+        node.el.dispatchEvent(effectEvent);
+      }
     }
   })();
 };