• Stars
    star
    130
  • Rank 271,853 (Top 6 %)
  • Language
    TypeScript
  • Created almost 7 years ago
  • Updated about 1 year ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

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

More Repositories

1

javascript-datastructures-algorithms

📚 collection of JavaScript and TypeScript data structures and algorithms for education purposes. Source code bundle of JavaScript algorithms and data structures book
TypeScript
4,290
star
2

curso-angular

🎓 [PT-BR] Curso de Angular gratuito - loiane.training [EN] Source code of my free Angular training.
TypeScript
1,772
star
3

curso-java-basico

☕ [PT-BR] Código fonte apresentado no curso de Java gratuito do blog loiane.com [EN] Source code of my free Java training.
Java
861
star
4

estrutura-dados-algoritmos-java

☕ [PT-BR] Código fonte apresentado no curso de Estrutura de Dados e Algoritmos com Java [EN] Source code of my free Data Structures with Java training.
Java
184
star
5

ionic2-pokedex

🎮 Pokédex sample app developed with Ionic 2, Angular 2 and Apache Cordova. Using Pokéapi as source for data.
TypeScript
149
star
6

angular2-crud-rest

Sample Angular (2.x and 4.x) app: CRUD example + routing
TypeScript
146
star
7

sencha-adventures

A collection of resources to learn Sencha frameworks
104
star
8

angular-reactive-forms-validate-submit

TypeScript
96
star
9

crud-angular-spring

🖥 CRUD Angular + Spring demonstrating Has-Many relationship, including tests for the back-end and front-end
Java
88
star
10

extjs4-ux-gridprinter

📎 Ext.ux.GridPrinter plugin for ExtJS 4 or Ext JS 5
JavaScript
82
star
11

angular-redux-ngrx-examples

Sample projects with Angular (4.x) + Angular CLI + ngrx (Redux) + Firebase
TypeScript
72
star
12

curso-extjs4

🍵 Código Fonte do Curso Gratuito de Ext JS 4
JavaScript
70
star
13

reactive-spring-angular

🚀 Simple application demonstrating Spring Webflux API + Angular/RxJS client.
SCSS
65
star
14

masteringextjs

📕 Source Code of Mastering Ext JS book
JavaScript
65
star
15

angular2-crud-auth-routing

Sample Angular (2.x, 4.x) project with Contacts CRUD + routing + simple authentication
TypeScript
62
star
16

loiane

Github Homepage
58
star
17

extjs-crud-grid-spring-hibernate

Example of a CRUD grid using ExtJS, Spring Framework 3 and Hibernate 3.5
JavaScript
52
star
18

angular-login-hide-navbar

TypeScript
50
star
19

ionic3-firebase-ngrx

Sample Ionic 3 application using ngrx with firebase (auth, crud and camera plugin)
TypeScript
48
star
20

sencha-extjs4-examples-architect

Sencha ExtJS 4 examples ported to Sencha Architect 2
JavaScript
42
star
21

extjs4-mvc-json-crud-php-mysql

ExtJS 4 MVC Example - CRUD Grid with JSON, Ajax, PHP and MySQL
JavaScript
40
star
22

angular2-pokedex

🔴 Pokédex sample app developed with Angular 2 and Materialize CSS. Using Pokéapi as source for data.
TypeScript
34
star
23

ibatis-handling-joins

MyBatis/iBatis sample application. This sample app demonstrates how to work with advance result mapping, one-to-one relantionship, one-to-many relationship and many-to-many relationship using iBatis (MyBatis 3).
Java
34
star
24

java14-spring

💻 Demo Java 14 + Spring - hands on
Java
33
star
25

typescript-tips

TypeScript
32
star
26

ext4-crud-mvc

BrazilJS Sample Project - Ext JS 4 CRUD MVC Example
JavaScript
32
star
27

angular-node-ignite2018

Angular + Node + Docker demo presented at Microsoft Ignite 2018 (Orlando, USA)
TypeScript
30
star
28

crud-angular-node

TypeScript
29
star
29

extjs-crud-grid

ExtJS and Spring Framework CRUD grid example
JavaScript
28
star
30

angular-extension-pack-vsce

This extension pack packages some of the most popular (and some I find very useful) VS Code Angular extensions.
27
star
31

angular-bootstrap-example

TypeScript
25
star
32

java14-examples

java14-examples
Java
23
star
33

extjs4-mvc-complex-dashboard

ExtJS 4 MVC Complex Dashboard Example
JavaScript
22
star
34

java13-examples

Java 13 examples
Java
21
star
35

oracle-cloud-examples

Java
21
star
36

curso-phonegap-cordova

📱 Phonegap / Apache Cordova examples - from Hello, World to SQLite plugin
JavaScript
21
star
37

ibatis-stored-procedures

MyBatis/iBatis application with stored procedure examples
Java
20
star
38

java-spring-extension-pack

Visual Studio Code Extension Pack for Java + Spring developers.
19
star
39

frontend-extension-pack-vsce

Some of the most popular (and some I find very useful) front-end extensions.
18
star
40

extjs-export-excel

Export ExtJS DataGrid to Excel
JavaScript
17
star
41

ibatis-helloworld

MyBatis/iBatis Hello World application
Java
17
star
42

extjs6-examples

Sencha Ext JS 6 examples
JavaScript
17
star
43

angular-material-example

Angular Material 2 sample project with shared AppMaterialModule
TypeScript
16
star
44

spring-security-extjs-login

Integrating Spring Security with ExtJS Login Page
JavaScript
16
star
45

typescript-fun-parts

TypeScript
15
star
46

minicurso-angular

Exemplos do mini curso de introdução ao AngularJS
HTML
15
star
47

typescript-extension-pack-vscode

15
star
48

extjs4-jquery

Example of how use Ext JS 4 + Jquery together
JavaScript
14
star
49

angular-firebase-heroes

TypeScript
14
star
50

extjs4-ux-paging-toolbar-resizer

ExtJS 4 Paging Toolbar Resizer combobox
JavaScript
14
star
51

nestjs-node-mongo-crud

TypeScript
14
star
52

java12-examples

Java 12 Examples
Java
14
star
53

hibernate-image-example

How to load/save image with hibernate
Java
13
star
54

curso-javascript

Curso de JavaScript http://loiane.training
JavaScript
13
star
55

visual-studio-online-node

JavaScript
13
star
56

sencha-touch2-examples-architect

Sencha Touch 2 examples implemented with Sencha Architect 2
JavaScript
13
star
57

curso-css3-sass-compass

Curso CSS3 com Sass e Compass
CSS
13
star
58

extjs4-file-upload-spring

ExtJS 4 File Upload + Spring MVC 3 Example
JavaScript
13
star
59

angular-firebase-ngrx-lms

Sample Angular (4.x) project using Firebase (AngularFire2), and redux with ngrx Store and Effects
TypeScript
12
star
60

vscode-angular-ngrx

Angular ngrx extension for VSCode to help creating reducers, actions, effects and more
TypeScript
12
star
61

ionic-cordova-phonegap-examples

Some ionic and cordova/phonegap examples
JavaScript
12
star
62

blockchain-fabric-evote

A Simple Hello World Voting Application using Fabric
TypeScript
12
star
63

blockchain-examples

JavaScript
12
star
64

java-spring4-examples

Spring MVC 4 examples
Java
12
star
65

angular-static

HTML
12
star
66

vsonline-port-forwarding

TypeScript
12
star
67

angular-travisci-firebase

TypeScript
11
star
68

extjs4-session-timeout

ExtJS 4 session timeout and session management example
JavaScript
11
star
69

fullstack-reactive-spring-angular

Java
11
star
70

Ext.ux.grid.FilterBar

filter bar plugin for extjs 4
JavaScript
11
star
71

typescript-msbuild-2019

CSS
10
star
72

angular-crud-cosmosdb

Angular v5+ CRUD using servless MongoDB - Azure CosmosDB
TypeScript
10
star
73

extjs4-grid-header-tooltip

Demonstrates how to add a tooltip to a grid header in Ext JS 4.
JavaScript
10
star
74

ibatis-annotations-helloworld

MyBatis/iBatis Hello World application with annotation example
Java
10
star
75

java-15_16-examples

Examples of how to use Java 15 and 16 new features.
Java
9
star
76

codeone-2018-reactive-spring-angular

CSS
9
star
77

javaee-html5-js

JavaScript
9
star
78

extjs4-mvc-portal

ExtJS 4 MVC Portal Example
JavaScript
9
star
79

tdc-azure-swa

Demo Live Coding do TDC
TypeScript
9
star
80

extjs4-mvc-paging-grid

ExtJS 4 MVC Paging Grid Example
JavaScript
9
star
81

vanilla-basic

HTML
8
star
82

pwa-hello-world

JavaScript
8
star
83

extjs4-crud-mvc-architect

Sencha Architect 2 version of https://github.com/loiane/extjs4-mvc-json-crud-php-mysql
JavaScript
8
star
84

extjs-grid-filter

Example of ExtJS Grid Filters, Spring Framework 3 and Hibernate 3.5.
JavaScript
8
star
85

angular-nested-select

Angular Nested Select example (Country-State-City).
TypeScript
8
star
86

mobileConf2013

Código fonte das demos apresentadas no evento MobileConf 2013 - palestra sobre PhoneGap
JavaScript
8
star
87

angular-ngrx-store

Created with StackBlitz ⚡️
TypeScript
8
star
88

codeone-2018-angular-java-tutorial

Java
8
star
89

ionic3-camera-example

TypeScript
7
star
90

wtm-angular-first-steps

Created with StackBlitz ⚡️
TypeScript
7
star
91

universototvs2019

7
star
92

hibernate-annotations

Hibernate 3 Annotations sample project
Java
7
star
93

angular-crud-mean

TypeScript
7
star
94

extjs-grid-dragdrop-excel

ExtJS Data Drop Grid example
JavaScript
7
star
95

ionic-sampajs-app

TypeScript
7
star
96

extjs-fit-to-parent

Example of how to resize an ExtJS component
JavaScript
7
star
97

extjs-grid-remote-sorting

Example of a paging grid + remote sorting using ExtJS, Spring Framework 3 and Hibernate 3.5.
JavaScript
7
star
98

curso-touch2

Exemplos do Curso de Sencha Touch 2 do blog
JavaScript
6
star
99

open-source-bootcamp-online-cordova

TypeScript
6
star
100

cordova-ios-helloworld

PhoneGap/Cordova - iOS - Hello World app
Objective-C
6
star