debugmodedotnet
diff --git a/‎apps/demos/src/app/features/concepts/projected-views/projected-views.component.ts
Lines changed: 25 additions & 6 deletions b/‎apps/demos/src/app/features/concepts/projected-views/projected-views.component.ts
Lines changed: 25 additions & 6 deletions
diff --git a/‎libs/state/README.md
Lines changed: 1 addition & 0 deletions b/‎libs/state/README.md
Lines changed: 1 addition & 0 deletions
diff --git a/‎libs/state/actions/README.md
Lines changed: 26 additions & 0 deletions b/‎libs/state/actions/README.md
Lines changed: 26 additions & 0 deletions
@@ -7,6 +7,7 @@ import {
 import { combineLatest, Subject } from 'rxjs';
 import { ContentChildComponent } from './content-child.component';
 import { ViewChildComponent } from './view-child.component';
+import { RxActionFactory } from '@rx-angular/state/actions';
 
 @Component({
   selector: 'rxa-projected-views',
@@ -17,7 +18,7 @@ import { ViewChildComponent } from './view-child.component';
         <button
           mat-raised-button
           [unpatch]="['click']"
-          (click)="trigger$.next($event.timeStamp)"
+          (click)="ui.trigger($event.timeStamp)"
         >
           tick
         </button>
@@ -26,16 +27,31 @@ import { ViewChildComponent } from './view-child.component';
       test1
       <rxa-view-child>
         <div>
-          <div *rxLet="renderCallback$; let renderCbVal; parent: false; patchZone: false">
+          <div
+            *rxLet="
+              renderCallback$;
+              let renderCbVal;
+              parent: false;
+              patchZone: false
+            "
+          >
             renderCallback: {{ renderCbVal }}
           </div>
-          <div *rxLet="trigger$; renderCallback: renderCallback$;let value; parent: true; patchZone: false">
+          <div
+            *rxLet="
+              ui.trigger$;
+              renderCallback: renderCallback$;
+              let value;
+              parent: true;
+              patchZone: false
+            "
+          >
             <rxa-content-child>
               <div #test>{{ value }}</div>
             </rxa-content-child>
           </div>
           <!--
-          <div *rxFor="trigger$; let value; parent: true">
+          <div *rxFor="ui.trigger$; let value; parent: true">
             <rxa-content-child>
               <div #test>{{ value }}</div>
             </rxa-content-child>
@@ -46,6 +62,7 @@ import { ViewChildComponent } from './view-child.component';
     </rxa-visualizer>
   `,
   changeDetection: ChangeDetectionStrategy.OnPush,
+  providers: [RxActionFactory],
 })
 export class ProjectedViewsComponent {
   @ViewChildren('test') set test(t) {
@@ -68,8 +85,10 @@ export class ProjectedViewsComponent {
     );
   }
 
-  trigger$ = new Subject<any>();
+  constructor(private actions: RxActionFactory<{ trigger: number }>) {}
+
+  ui = this.actions.create();
   renderCallback$ = new Subject<any>();
 
-  triggerArr$ = combineLatest([this.trigger$]);
+  triggerArr$ = combineLatest([this.ui.trigger$]);
 }
@@ -14,6 +14,7 @@ RxState is a lightweight, flexible, strongly typed and tested tool dedicated to
 
 - [🧩 Selections](https://github.com/rx-angular/rx-angular/blob/main/libs/state/selections/README.md)
 - [☁ Effects](https://github.com/rx-angular/rx-angular/blob/main/libs/state/effects/README.md)
+- [? Actions](https://github.com/rx-angular/rx-angular/blob/main/libs/state/actions/README.md)
 
 ## Intro Video
 
 
@@ -0,0 +1,26 @@
+# @rx-angular/state/actions
+
+[![npm](https://img.shields.io/npm/v/%40rx-angular%2Fstate.svg)](https://www.npmjs.com/package/%40rx-angular%2Fstate)
+![rx-angular CI](https://github.com/rx-angular/rx-angular/workflows/rx-angular%20CI/badge.svg?branch=master)
+[![Coverage Status](https://raw.githubusercontent.com/rx-angular/rx-angular/github-pages/docs/test-coverage/state/jest-coverage-badge.svg)](https://rx-angular.github.io/rx-angular/test-coverage/state/lcov-report/index.html)
+
+## This package provides a quick way to create an action channel and some configuration options. 
+
+
+## Key features
+
+ - ✅ Fully Typed
+ - ✅ No-Boilerplate
+ - ✅ Configurable transformations to have lines in the template
+ - ✅ Minimal memory footprint through a Proxy object and lazy initialization
+ 
+## Demos:
+
+- [⚡ GitHub](https://github.com/BioPhoton/rx-angular-state-actions)
+
+## Install
+
+```bash
+npm install --save @rx-angular/state
+# or
+yarn add @rx-angular/state