loiane / angular-ngrx-example

Sample Angular NgRx application with Lazy Loading and ngrx code as modules

AngularNgrxExample

This project was generated with Angular CLI version 10.1.4.

Demo: https://salmon-sky-0f83f980f.azurestaticapps.net/products

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the --prod flag for a production build.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via Protractor.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI README.

NgRx commands

ng add @ngrx/schematics@latest
ng add @ngrx/store@latest
ng add @ngrx/store-devtools@latest
ng add @ngrx/effects@latest
ng add @ngrx/entity@latest
ng add @ngrx/data@latest

ng generate @ngrx/schematics:store Product --statePath store --module products.module.ts
ng generate @ngrx/schematics:entity Product --flat false --module products.module.ts
ng generate @ngrx/schematics:effect store/Product --module products.module.ts --api true
ng generate @ngrx/schematics:container Products --state store/product.reducer.ts --stateInterface ProductState
ng generate @ngrx/schematics:selector store/Products

ng generate @ngrx/schematics:action Header
ng generate @ngrx/schematics:reducer Header --module ../header.module.ts
ng generate @ngrx/schematics:selector store/header

ng generate @ngrx/schematics:reducer App --module ../app.module.ts

angular-ngrx-example's Issues

An in-range update of morgan is breaking the build 🚨

Version 1.9.1 of morgan was just published.

Branch	Build failing 🚨
Dependency	morgan
Current Version	1.9.0
Type	devDependency

This version is covered by your current version range and after updating it in your project the build failed.

morgan is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Status Details

• ❌ continuous-integration/travis-ci/push: The Travis CI build could not complete due to an error (Details).

---

Release Notes

1.9.1

• Fix using special characters in format
• deps: depd@~1.1.2
  • perf: remove argument reassignment

Commits

The new version differs by 27 commits.

• 572dd93 1.9.1
• e02de38 lint: apply standard 12 style
• e329663 Fix using special characters in format
• eb1968a tests: use strict equality checks
• 310b206 build: use yaml eslint configuration
• 5810937 build: [email protected]
• f60afd5 build: [email protected]
• 5295b0c build: [email protected]
• 178daaf build: [email protected]
• 7b08641 build: [email protected]
• 73cb666 build: [email protected]
• edc95aa build: [email protected]
• ace86c3 build: [email protected]
• 4dd1180 lint: apply standard 11 style
• 60c31e8 build: [email protected]

There are 27 commits in total.

See the full diff

FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.

---

Your Greenkeeper Bot 🌴

An in-range update of body-parser is breaking the build 🚨

The devDependency body-parser was updated from 1.18.3 to 1.19.0.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

body-parser is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Status Details

• ❌ continuous-integration/travis-ci/push: The Travis CI build could not complete due to an error (Details).

---

Commits

The new version differs by 44 commits.

• 998b265 1.19.0
• 40a0e81 deps: type-is@~1.6.17
• eda21da build: support Node.js 12.x
• dc7fea4 build: [email protected]
• 926f8f1 build: [email protected]
• cc0cbac deps: [email protected]
• b69292b build: [email protected]
• 1c9ed74 build: [email protected]
• 737cb13 build: [email protected]
• 93ba395 build: [email protected]
• 3eb8d29 build: [email protected]
• d198d87 deps: [email protected]
• 91d0232 deps: [email protected]
• c9718ce build: [email protected]
• a5701e3 build: [email protected]

There are 44 commits in total.

See the full diff

FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.

---

Your Greenkeeper Bot 🌴

Second Module

Thanks for this example, its much easier to use than the NGRX sample app but I am I am not entirely sure how I would access info from the top level store. How would I pull the states from the first (tasks) module to a second module?

Reduzir verbosidade

Olá, Loiane.

Esse seu repositório é espetacular. Parabéns.

Queria saber sua opnião sobre como reduzir a verbosidade para criar os grupos de actions de um projeto. Eu chamo grupo de actions uma ação, suas respostas e todo o conjunto de classes necessários para fazer eles funcionarem (effects, reducer, service). Por exemplo: uma ação de deletar uma tarefa seria DeleteTask e seu grupo seria DeleteTask, DeleteTaskSuccess e DeleteTaskFailure.

Estou testando a seguinte arquitetura, inspirado no seu modelo.

O arquivo delete-task.store.ts é apenas uma interface com uma constante com o nome da store. No seu caso, você usa a string direto na declaração da store no module.

Seguindo esse padrão, acho que é possível reduzir bastante a quantidade de código para escrever as actions, por exemplo, escrevendo classes base ou algum outro estilo para agrupar os códigos em comum.

Você já sentiu essa necessidade?

An in-range update of express is breaking the build 🚨

The devDependency express was updated from 4.16.4 to 4.17.0.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

express is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Status Details

• ❌ continuous-integration/travis-ci/push: The Travis CI build could not complete due to an error (Details).

---

Release Notes for 4.17.0

• Add express.raw to parse bodies into Buffer
• Add express.text to parse bodies into string
• Improve error message for non-strings to res.sendFile
• Improve error message for null/undefined to res.status
• Support multiple hosts in X-Forwarded-Host
• deps: accepts@~1.3.7
• deps: [email protected]
  • Add encoding MIK
  • Add petabyte (pb) support
  • Fix parsing array brackets after index
  • deps: [email protected]
  • deps: [email protected]
  • deps: [email protected]
  • deps: [email protected]
  • deps: [email protected]
  • deps: type-is@~1.6.17
• deps: [email protected]
• deps: [email protected]
  • Add SameSite=None support
• deps: finalhandler@~1.1.2
  • Set stricter Content-Security-Policy header
  • deps: parseurl@~1.3.3
  • deps: statuses@~1.5.0
• deps: parseurl@~1.3.3
• deps: proxy-addr@~2.0.5
  • deps: [email protected]
• deps: [email protected]
  • Fix parsing array brackets after index
• deps: range-parser@~1.2.1
• deps: [email protected]
  • Set stricter CSP header in redirect & error responses
  • deps: http-errors@~1.7.2
  • deps: [email protected]
  • deps: [email protected]
  • deps: range-parser@~1.2.1
  • deps: statuses@~1.5.0
  • perf: remove redundant path.normalize call
• deps: [email protected]
  • Set stricter CSP header in redirect response
  • deps: parseurl@~1.3.3
  • deps: [email protected]
• deps: [email protected]
• deps: statuses@~1.5.0
  • Add 103 Early Hints
• deps: type-is@~1.6.18
  • deps: mime-types@~2.1.24
  • perf: prevent internal throw on invalid type

Commits

The new version differs by 53 commits.

• 10c7756 4.17.0
• 9dadca2 docs: remove Gratipay links
• b8e5056 tests: ignore unreachable line
• 94e48a1 build: update example dependencies
• efcb17d deps: [email protected]
• b9ecb9a build: support Node.js 12.x
• 5266f3a build: test against Node.js 13.x nightly
• e502dde build: [email protected]
• da6f701 deps: range-parser@~1.2.1
• 88f9733 deps: [email protected]
• 8267c4b deps: [email protected]
• bc07a41 deps: finalhandler@~1.1.2
• c754c8a build: support Node.js 11.x
• e917028 build: [email protected]
• 7b076bd build: [email protected]

There are 53 commits in total.

See the full diff

FAQ and help

There is a collection of frequently asked questions. If those don’t help, you can always ask the humans behind Greenkeeper.

---

Your Greenkeeper Bot 🌴

Testing

Just wondering how you would go about doing unit tests on the store services, reducers, etc?