fehmi
diff --git a/‎docs/lifecycle.md
+5 b/‎docs/lifecycle.md
+5
diff --git a/‎examples/app-router/web-app.html
+1-1 b/‎examples/app-router/web-app.html
+1-1
@@ -8,6 +8,9 @@
 | **beforeFirstRender** | Before component rendered to the DOM at the first time |
 | **afterFirstRender** | After component rendered to the DOM at the first time |
 |||
+| **beforeRender** | Before every render |
+| **afterRender** | After every render |
+|||
 | **beforeRerender** | Before component rerendered/updated on the DOM |
 | **afterRerender** | After component rerendered/updated on the DOM |
 |||
@@ -16,6 +19,8 @@
 |||
 | **disconnected** | Triggered when the component is removed from the DOM |
 
+!> DOM and state variables is not available in "construct". You can only reach them in "render" events, especially if you are using routers.
+
 ## Usage Example
 
 <repl-component id="sp34gk6ealoxiwu" donwload="true"></repl-component>
@@ -1,5 +1,5 @@
 <html>
-
+ web app {state.name}
 <a-router  style="display: block;">
 	<a-outlet></a-outlet>
 	<a-route path="/" element="home-page"></a-route>