Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/dinbtechit/ngxs
Provides NGXS CLI/Schematics
https://github.com/dinbtechit/ngxs
jetbrains ngxs plugin
Last synced: 2 months ago
JSON representation
Provides NGXS CLI/Schematics
- Host: GitHub
- URL: https://github.com/dinbtechit/ngxs
- Owner: dinbtechit
- License: bsd-2-clause
- Created: 2023-08-19T15:17:29.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-09-12T19:20:45.000Z (4 months ago)
- Last Synced: 2024-10-10T19:09:33.246Z (3 months ago)
- Topics: jetbrains, ngxs, plugin
- Language: Kotlin
- Homepage: https://plugins.jetbrains.com/plugin/22604-ngxs
- Size: 2.13 MB
- Stars: 5
- Watchers: 1
- Forks: 0
- Open Issues: 19
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Funding: .github/FUNDING.yml
- License: LICENSE.md
Awesome Lists containing this project
README
# 
NGXS
[](https://plugins.jetbrains.com/plugin/22604-ngxs)
[](https://plugins.jetbrains.com/plugin/22604-ngxs)
[
](https://www.buymeacoffee.com/dinbtechit)
NGXS is a state management library for Angular. This plugin provides NGXS CLI/Schematics, Intellisense and
auto-completions for Jetbrains IDE.
> Please ensure you have [ngxs cli](https://www.ngxs.io/plugins/cli) installed either globally or at the project level.
# Features
> Checkout the [Feature](https://plugins.jetbrains.com/plugin/22604-ngxs/features) documentation for more details.
- Simply right click -> New -> NGXS CLI/Schematics to generate a boiler plate store.
- Navigate to Action Implementation using Gutter Icons
- LiveTemplate to autocompletion for creating `@Actions`, `@Selectors` and `export class NewActions` quickly
- `cmd` + `Insert`/`ctrl` + `Insert` within Generator
- `Alt` + `Enter` / `options` + `Enter` - QuickFixes and generate `@Action`s & `@Selector`s quickly
- Advance Templates (Editor Autocompletion - Mac - `cmd` + `space` or Windows/Linux - `ctrl` + `space`)
- `methodName-action`
```ts
@Action(Add)
add(ctx: State) {
// TODO - Implement action
}
```
- `methodName-parameter1:Type-action-payload`
```ts
// add-id:string-action-payload (ctrl + space)
// Result
// *.state.ts
@Action(Add)
add(ctx: State, payload: Add) {
// TODO - Implement action
}
// *.actions.ts
export class Add {
static readonly type = '[MyStore] Add';
constructor(public id: string) {
}
}
```
- `methodName-ClassName-action`
- `methodName-ClassName-parameter1:type,parameter2:type-action-payload`
- `methodName-selector-meta`
- `methodName-selector`
- Many more coming soon. Checkout [Github - List all Enhancements](https://github.com/dinbtechit/ngxs/issues?q=is%3Aissue+is%3Aopen+label%3Aenhancement)
## Installation
- Using the IDE built-in plugin system:
Settings/Preferences > Plugins > Marketplace > Search for "ngxs" >
Install
- Manually:
Download the [latest release](https://github.com/dinbtechit/ngxs/releases/latest) and install it manually using
Settings/Preferences > Plugins > ⚙️ > Install plugin from disk...
# How can I contribute
- By starring this Github project and rating the [NGXS plugin](https://plugins.jetbrains.com/plugin/22604-ngxs).
- By submitting bugs and features -> https://github.com/dinbtechit/ngxs/issues
- By submitting pull requests for the above roadmap items.
- By sponsoring its development to ensure that the project is actively maintained and improved.
> If you find this plugin useful consider sponsoring its development to ensure that the project is actively maintained
> and improved. [Buy me a Coffee](https://www.buymeacoffee.com/dinbtechit)
[](https://www.buymeacoffee.com/dinbtechit)