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 - angularexample/angular18-ngrx-modules: Angular 18 NgRx without Standalone, uses older module based configuration.

BranchesTags
Open more actions menu

Latest commit

 

History

52 Commits
52 Commits

Folders and files

NameName
Last commit message
Last commit date
src
src
 
 
.gitignore
.gitignore
 
 
README.md
README.md
 
 
angular.json
angular.json
 
 
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

angular18-ngrx-modules

How to run

Development server

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

Run ng build to build the project. The build artifacts will be stored in the dist/ directory.

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 a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.

Angular Best Practices - Demo App

This app demonstrates cosing techniques and best practices for large scale web apps.

Versions used for this app

  • Angular 18
  • NgRx 18
  • RxJS 7
Get Users and Posts from JSONPlaceholder

Use the mock API here:

https://jsonplaceholder.typicode.com/

Users data source:

https://jsonplaceholder.typicode.com/users

Posts data source:

https://jsonplaceholder.typicode.com/posts

Initial view - Users

Show a table of all users. User name is enough.

When the user clicks a row, navigate to the next view,

where you will see the posts for the selected user.

Posts view

Show a table of all posts by a given user. Post Title is enough.

When the user clicks on a row, show a form to edit the selected post.

Post Form

Form fields:

title

body

Save button

When the user clicks the save button, the form data will be used to update the back end, using the API.

https://jsonplaceholder.typicode.com/guide/

See the HTTP PUT example in the guide.

About

Angular 18 NgRx without Standalone, uses older module based configuration.

Topics

angularangular-18cmsfacade-patternngrxstate-management

Resources

Readme
Activity

Stars

4 stars

Watchers

1 watching

Forks

0 forks
Report repository

Releases

Packages

Used by

Contributors

Languages

You are visitor 01402520 — 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.