Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

hardikpthv/vscode-ngrx-snippets

Repository files navigation

NgRx (Version 9) Snippets for VS Code

Version Install Downloads Ratings made-for-VSCode

This extension for Visual Studio Code adds snippets of Typescript for NgRx.

Have a look at CHANGELOG for the latest changes

Installation

  1. Install Visual Studio Code 1.10.0 or higher
  2. Launch VS Code
  3. Hit Cmd-Shift-P (macOS) or Ctrl-Shift-P (Windows, Linux)
  4. Select Install Extension
  5. Choose the extension NgRx snippets
  6. Reload Visual Studio Code

Usage

Start typing ngrx-* and hit enter, the snippet spreads out.

Use Extension

TypeScript Snippets

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

Using Angular Material or Webcomponents πŸ€”

AltStyle γ«γ‚ˆγ£γ¦ε€‰ζ›γ•γ‚ŒγŸγƒšγƒΌγ‚Έ (->γ‚ͺγƒͺγ‚ΈγƒŠγƒ«) /