GV

GeezerVison

The World Wide Web, restored to 800 pixels of glory.

Home|About|Gaming cabinet|Archives|How it works|Starter sites

On this site

  • Sign in
  • ActionsCI/CD and automation
  • CodespacesCloud development environments
  • All Features
  • Documentation
  • Training
  • Certifications
  • Build with Copilot
  • Customize Copilot
  • Integrations
  • Trending repos
  • GitHub Sponsors
  • Developer articles
  • Enterprises

This view

  • Original page
  • New address

GeezerVison is showing github.com — GitHub - 9elements/angular-workshop: Learning Angular: From component state to NgRx

BranchesTags
Open more actions menu

Latest commit

 

History

243 Commits
243 Commits

Folders and files

NameName
Last commit message
Last commit date
.vscode
.vscode
 
 
cypress
cypress
 
 
docs
docs
 
 
src
src
 
 
.editorconfig
.editorconfig
 
 
.eslintrc.json
.eslintrc.json
 
 
.gitignore
.gitignore
 
 
.prettierrc
.prettierrc
 
 
LICENSE
LICENSE
 
 
README.md
README.md
 
 
angular.json
angular.json
 
 
cypress.config.ts
cypress.config.ts
 
 
karma.conf.js
karma.conf.js
 
 
package-lock.json
package-lock.json
 
 
package.json
package.json
 
 
tsconfig.app.json
tsconfig.app.json
 
 
tsconfig.json
tsconfig.json
 
 
tsconfig.spec.json
tsconfig.spec.json
 
 

Repository files navigation

Angular Counter Component

📖 This example is part of the free online book: Testing Angular – A Guide to Robust Angular Applications . 📖

Overview

This repository builds a simple counter with Angular in three ways:

  • CounterComponent: Counter that manages its own state. Has an Input and an Output.
  • ServiceCounterComponent: Counter that stores the state in shared service.
  • NgRxCounterComponent: Counter that uses NgRx to manage the count and NgRx effects to persist them on the server.

Related projects

  • Angular Flickr Search – a more complex example app
  • Angular testing workshop

Development server

  • Clone the repository, change into the angular-workshop directory
  • npm install
  • npm install -g @angular/cli
  • ng serve
  • Navigate to http://localhost:4200/

Running unit & integration tests

Run ng test to execute the unit & integration tests with Karma and Jasmine.

Running end-to-end tests with Cypress

Run ng run angular-workshop:cypress-run to execute the Cypress end-to-end tests. (This starts the development server automatically.)

Run ng run angular-workshop:cypress-open to start the interactive Cypress test runner.

Deployment

Run npm run deploy to the deploy the code to [https://9elements.github.io/angular-workshop/].

About

Learning Angular: From component state to NgRx

9elements.github.io/angular-workshop/

Topics

angularbeginnercypressngrxprotractorspectatorstate-managementtestingtutorial

Resources

Readme
Unlicense
Activity
Custom properties

Stars

94 stars

Watchers

12 watching

Forks

72 forks
Report repository

Used by

Contributors

Languages

You are visitor 01402503 — GeezerVison does not store the pages you look up.
Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800×600. No cookies required.