angular-contacts-app-example - Angular & NgRx Contact Book CRUD example app

  •        14

This application uses @ngrx/store to manage application state, and @ngrx/effects to manange side effects, It also uses ngrx 4 fractal state management to leverage lazy loading of reducers and effects. @ngrx/entity is released and available on NPM, @ngrx/entity helps to reduce boilerplate and manipulate data in a fast and easy fashion, you can find @ngrx/entity implementation in Contacts Reducer.

https://github.com/avatsaev/angular-contacts-app-example

Dependencies:

@angular/animations : 6.1.2
@angular/common : 6.1.2
@angular/compiler : 6.1.2
@angular/core : 6.1.2
@angular/forms : 6.1.2
@angular/http : 6.1.2
@angular/platform-browser : 6.1.2
@angular/platform-browser-dynamic : 6.1.2
@angular/router : 6.1.2
@ngrx/effects : 6.1.0
@ngrx/entity : 6.1.0
@ngrx/store : 6.1.0
@ngrx/store-devtools : 6.1.0
bootstrap : 4.1.3
core-js : 2.5.7
font-awesome : ^4.7.0
ngx-socket-io : ^1.1.1
rxjs : 6.2.2
zone.js : ^0.8.26

Tags
Implementation
License
Platform

   




Related Projects

example-app - Example app showcasing the ngrx platform

  •    TypeScript

Example application utilizing @ngrx libraries, showcasing common patterns and best practices. Take a look at the live app. This app is a book collection manager. Using the Google Books API, the user can search for books and add them to their collection. This application utilizes @ngrx/db to persist the collection across sessions; @ngrx/store to manage the state of the app and to cache requests made to the Google Books API; @angular/router to manage navigation between routes; @ngrx/effects to isolate side effects.

angular-seed-advanced - Advanced Angular seed project with support for ngrx/store, ngrx/effects, ngx-translate, angulartics2, lodash, NativeScript (*native* mobile), Electron (Mac, Windows and Linux desktop) and more

  •    TypeScript

Please read this notice first before continuing. Advice: If your project is intended to target a single platform (i.e, web only), then angular-seed is likely more than suitable for your needs. However if your project goals are to target multiple platforms (web, native mobile and native desktop), with powerful out of the box library support and highly configurable/flexible testing options, then you might want to keep reading.

ngrx-actions - ⚡️ Actions and Reducer Utilities for NGRX

  •    TypeScript

Actions/reducer utility for NGRX. It provides a handful of functions to make NGRX/Redux more Angular-tastic. Inspired by redux-act and redux-actions for Redux.


angular-ngrx-data - Angular with ngRx and experimental ngrx-data helper

  •    TypeScript

You may never write an action, reducer, selector, effect, or HTTP dataservice again. NgRx helps Angular applications manage shared state in a "reactive" style, following the redux pattern.

angular-webpack-starter - A complete Angular 6 and Webpack 4 starter seed with minimal and full featured branches

  •    TypeScript

Featuring Material Design 2, Webpack (and Webpack DLL plugin for faster dev builds), HMR (Hot Module Replacement), @ngrx for state management and optional server-side rendering with Universal. Use yarn start for dev server. Default dev port is 3000.

angularspree - Angular(6+) E-Commerce front-end framework

  •    TypeScript

AngularSpree Plug and play frontend application for SPREE E-Commerce API built with ❤️ using Angular6, Redux, Observables & ImmutableJs. AngularSpree is an open source Angular(6.x+) front-end application for Spree Commerce. It's free and always will be.

redux-beacon - Analytics integration for Redux and ngrx/store

  •    TypeScript

If you're using Redux or ngrx/store to manage your app's state, you can use Redux Beacon to tap into your dispatched actions and map them to events that are consumable by an analytics service (e.g. Google Analytics). With Redux Beacon your entire global state life-cycle becomes trackable. Redux Beacon is lightweight. The core Redux Beacon module is tiny (~ 1KB), and each target, extension, and util, is either around the same size or smaller.

yatrum - Yatrum - Share and Discover Travel Stories, Itineraries, Travel Guides built with ♥️ using Angular 4

  •    TypeScript

Yatrum built with ❤️ using Angular2, ngrx store, observables and reactive forms. We have also created and open sourced AngularSpree: Plug and play frontend application for SPREE E-Commerce API built with ❤️ using Angular2, Redux, Observables & ImmutableJs.

router - Reactive Router for Angular

  •    TypeScript

The Angular 2 Router was inspired by the ngrx/router, shares a familiar API and will be updated going forward. The ngrx/router may continue to live on as a framework agnostic router with more experimental features. This is an alternative router for Angular 2 focused on providing a simple, reactive API built to scale for large applications.

store-devtools - Developer Tools for @ngrx/store

  •    TypeScript

Devtools for @ngrx/store. Please read contributing guidelines here.

aspnetcore-angular2-universal - *NEW* Angular 6

  •    TypeScript

This repository is maintained by Angular and is meant to be an advanced starter for both ASP.NET Core 2.1 using Angular 6.0+, not only for the client-side, but to be rendered on the server for instant application paints (Note: If you don't need SSR read here on how to disable it). This is meant to be a Feature-Rich Starter application containing all of the latest technologies, best build systems available, and include many real-world examples and libraries needed in todays Single Page Applications (SPAs).

effects - Side effect model for @ngrx/store

  •    TypeScript

Side effect model for @ngrx/store

store - RxJS powered state management for Angular applications, inspired by Redux

  •    TypeScript

These core principles enable building components that can use the OnPush change detection strategy giving you intelligent, performant change detection throughout your application. Please read contributing guidelines here.

platform - Reactive libraries for Angular

  •    TypeScript

Become a sponsor and get your logo on our README on Github with a link to your site. Please read contributing guidelines here.

SB-Admin-BS4-Angular-6 - Simple Dashboard Admin App built using Angular 6 and Bootstrap 4

  •    HTML

This project is a port of the famous Free Admin Bootstrap Theme SB Admin v6.0 to Angular5 Theme. This project was generated with Angular CLI version 6.0.0.

coreui-free-angular-admin-template - CoreUI Angular is free Angular 2+ admin template based on Bootstrap 4

  •    HTML

Curious why I decided to create CoreUI? Please read this article: Jack of all trades, master of none. Why Bootstrap Admin Templates suck. CoreUI is an Open Source Bootstrap Admin Template. But CoreUI is not just another Admin Template. It goes way beyond hitherto admin templates thanks to transparent code and file structure. And if that's not enough, let’s just add that CoreUI consists bunch of unique features and over 1000 high quality icons.