This extension for Visual Studio Code adds snippets of Typescript for NgRx.
Have a look at CHANGELOG for the latest changes
- Install Visual Studio Code 1.10.0 or higher
- Launch VS Code
- Hit
Cmd-Shift-P(macOS) orCtrl-Shift-P(Windows, Linux) - Select
Install Extension - Choose the extension
NgRx snippets - Reload Visual Studio Code
Start typing ngrx-* and hit enter, the snippet spreads out.
| Snippet | Purpose |
|---|---|
| ngrx-actions-setup | Fully configured Action constants, creators with success and fail. |
| ngrx-create-action-setup | createAction setup |
| ngrx-create-action | createAction |
| ngrx-create-action-props | createAction with props |
| ngrx-actions-setup-crud | Fully configured Actions for CRUD operations. |
| ngrx-action | Action |
| ngrx-action-success | Success Action |
| ngrx-action-fail | Fail Action |
| ngrx-effect-setup | Fully configured Effect |
| ngrx-effect | Effect |
| ngrx-create-effect-setup | Fully configured Effect using createEffect |
| ngrx-create-effect | createEffect function |
| ngrx-root-effect-registration | Effect Registration for root module |
| ngrx-feat-effect-registration | Effect Registration for feature module |
| ngrx-reducer | Reducer |
| ngrx-reducer-setup | Reducer with state definition |
| ngrx-on | on |
| ngrx-selector | createSelector() |
| ngrx-feat-selector | createFeatureSelector() |
| ngrx-store-select | store.select() |
| ngrx-dispatch-action | store.dispatch() |
| ngrx-devtool-instrument | Store devtool instrument specification |
| ngrx-entities-setup | Data entities setup |
| ngrx-entity-adapter-setup | Entity adapter |
| ngrx-entity-store-registration | Entity store registration |
| ngrx-entity-data-service | Entity service data service |