angular-ngrx-socket-frontend - Angular Ngrx Socket.IO Example

  •        107

This Angular project demonstrates the implementation of a simple real time Notes app, with Socket.IO's asynchrnous 2-way event streams, combined with Ngrx/Store library for single state management à la Redux, and Ngrx/Effects to mange the side effects. This project was generated with Angular CLI version 1.3.1.

https://github.com/avatsaev/angular-ngrx-socket-frontend

Dependencies:

@angular/animations : ^4.3.5
@angular/common : ^4.3.5
@angular/compiler : ^4.3.5
@angular/core : ^4.3.5
@angular/forms : ^4.3.5
@angular/http : ^4.3.5
@angular/platform-browser : ^4.3.5
@angular/platform-browser-dynamic : ^4.3.5
@angular/router : ^4.3.5
@ngrx/effects : ^4.0.5
@ngrx/store : ^4.0.3
@ngrx/store-devtools : ^4.0.0
bulma : ^0.5.1
core-js : ^2.5.0
font-awesome : ^4.7.0
rxjs : ^5.4.3
socket.io-client : ^2.0.3
zone.js : ^0.8.16

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.

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.

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.


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.

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.

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.

store-devtools - Developer Tools for @ngrx/store

  •    TypeScript

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

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.

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.

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.

effects - Side effect model for @ngrx/store

  •    TypeScript

Side effect model for @ngrx/store

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.

angularfire - The official Angular library for Firebase.

  •    TypeScript

The official Angular library for Firebase. AngularFire smooths over the rough edges an Angular developer might encounter when implementing the framework-agnostic Firebase JS SDK & aims to provide a more natural developer experience by conforming to Angular conventions.

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).

Altair - The only GraphQL client editor you will need - Postman for GraphQL

  •    Typescript

Altair is a beautiful feature-rich GraphQL Client IDE for all platforms. It enables you interact with any GraphQL server you are authorized to access from any platform you are on. Much like Postman for GraphQL, you can easily test and optimize your GraphQL implementations.






We have large collection of open source products. Follow the tags from Tag Cloud >>


Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.