Skip to content
Snippets Groups Projects
Commit cdddf926 authored by OZGCloud's avatar OZGCloud
Browse files

OZG-2796 OZG-2847 add tiny NGRX Section to doku

parent a42dceb0
Branches
Tags
No related merge requests found
......@@ -3,7 +3,9 @@
## Client starten
Um den Client zum laufen zu bekommen, muss zunächst ein `npm install` ausgeführt werden.
-> nach dem Ausführen sollte sich ein `node_modules` Ordner im Verzeichnis befinden. <br>
-> nach dem Ausführen sollte sich ein `node_modules` Ordner im Verzeichnis befinden.
Im Anschluß wird der Client über `npm start` gestartet.
---
......@@ -83,15 +85,15 @@ Mit `nx` bzw. `nx --list` krieg man eine Liste alle verfügbaren, schon von nx *
</br>
## Anbei ein Ausschnitt der verfügbaren Befehle/Scripte und einer kurzen Erläuterung.
## Anbei ein Ausschnitt der verfügbaren Befehle/Scripte und einer kurzen Erläuterung
| Command | Description | Examples |
| :------ | :------ | :----- |
| `start` | Startet den Client mit dem Port **4300** und der **proxy.conf.json** | `npm start / npm run start`
| `build` | Baut das Projekt(und cached den build) | `npm run build`
| `test` | Führt alle Test's aus(***app*** + ***libraries***) | `npm run test / npm test`
| `test` | Führt alle Test's aus(**app** + **ibraries**) | `npm run test / npm test`
| `test:cov` | Führt alle Test's aus und zeigt am Ende eine Übersicht der Testabdeckung | `npm run test:cov`
| `lint` | Führt das ***eslint*** für die, von den lokalen Änderungen **direkt** betroffenen, libraries aus | `npm run lint`
| `lint` | Führt das **eslint** für die, von den lokalen Änderungen **direkt** betroffenen, libraries aus | `npm run lint`
| `dep-graph` | Öffnet ein Fenster zur graphischen Veranschaulichung des Zusammenspielst von app, e2e und der einzelnen libraries | `npm run dep-graph`
| `cypress:open` | Öffnet ein Fenster mit cpress-runner für die Integrationtest's welche auch gleich da ausgeführt werden können | `npm run cypress:open`
| `test:lib` | Führt alle Test's einer library aus(mit watch mode) | `npm run test:lib vorgang`
......@@ -118,3 +120,27 @@ Selektiert die von den lokalen Änderung betroffenen Libraries vor und stellt di
(sonst identisch zu `dep-graph`)
`affected:apps`, `affected:e2e`, `affected:build` beziehen sich jeweils auf ganze Projekte/Apps.
## **Ngrx**
Command zum Generieren einer state.
Beispiel für den fachlichen Vorgang:
```code
nx g @nrwl/angular:ngrx vorgang --module=libs/vorgang-shared/src/lib/vorgang.module.ts
```
Es wird eine Menge Testcode generiert, es ist dem entsprechend abzuwägen, ob man sich die generieren lässt oder die Struktur selber anlegt und sich das rausschmeißen des generierten Codes spart.
Die generierten Daten kommen in ein `+state` Verzeichnis.
die Schnittstelle zu den Componenten der `service`.
## **Marbles**
Für Mehr Info: <https://github.com/ReactiveX/rxjs/blob/master/docs_app/content/guide/testing/marble-testing.md#marble-syntax>
| Marble Syntax | Description |
| :------ | :------ |
| `'-'` | frame: 1 "frame" of virtual time passing (see above description of frames).
| `'\|'` | complete: The successful completion of an observable. This is the observable producer signaling `complete()`.
| `'#'` | error: An error terminating the observable. This is the observable producer signaling `error()`.
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment