Aaron K Saunders aaronksaunders

Ok, I have on-device remote store debugging working with Ionic 2. Unfortunately, time-travel and state import doesn't work with store-devtools yet (see ngrx/store-devtools#33 and ngrx/store-devtools#31), but at least the Inspector, Log Monitor and Graph is working remotely. Here's how:

First, add https://github.com/zalmoxisus/remotedev to the project:

> npm install --save-dev remotedev

Then add these devtools proxy wrapper classes to the project. They provide the same interface as the browser extension so store-devtools will think it's just talking to the chrome extension. I left in the trace debug logging so you can clearly see what's happening in the console, but it's easy to remove if you want.

remote-devtools-proxy.ts

Comprehensive Introduction to @ngrx/store

By: @BTroncone

Also check out my lesson @ngrx/store in 10 minutes on egghead.io!

Update: Non-middleware examples have been updated to ngrx/store v2. More coming soon!

Table of Contents

	{
	"Alabama": [
	"Alabaster",
	"Albertville",
	"Alexander City",
	"Andalusia",
	"Anniston",
	"Arab",
	"Athens",
	"Atmore",

	/**
	Ionic Vue 0.0.8-next prerelease adds support for v-model to all Ionic inputs.

	To try it out, run

	npm install @ionic/vue@next
	*/
	<template>
	<div class="ion-page">
	<ion-header>

	import { Model as ORMModel } from '@vuex-orm/core';

	/**
	* Wrapper for models to provide model level convenience methods for interacting with the store and persistence.
	* Will be built into vuex-orm in the future. See https://github.com/vuex-orm/vuex-orm/issues/60
	*
	* Requires the inflected npm package.
	*/
	export default class Model extends ORMModel {
	/**

	import * as fb from "firebase";
	import { computed, observable, runInAction } from "mobx";

	type Query = fb.firestore.Query;
	type DocumentReference = fb.firestore.DocumentReference;
	type DocumentSnapshot = fb.firestore.DocumentSnapshot;
	type LoadingDocumentSnapshot = DocumentSnapshot \| undefined;
	type Dictionary<T> = { [key: string]: T };
	// type QuerySnapshot = fb.firestore.QuerySnapshot;
	// type LoadingCollectionSnapshot = QuerySnapshot \| undefined;

	import { Directive, ElementRef, Input } from '@angular/core';

	declare var ImgCache: any;

	@Directive({
	selector: '[image-cache]'
	})
	export class ImageCacheDirective {
	constructor (
	private el: ElementRef

	<html>
	<head>
	<script src="https://www.gstatic.com/firebasejs/3.0.0/firebase.js"></script>
	<title>ZeroToApp</title>
	<style>
	#messages { width: 40em; border: 1px solid grey; min-height: 20em; }
	#messages img { max-width: 240px; max-height: 160px; display: block; }
	#header { position: fixed; top: 0; background-color: white; }
	.push { margin-bottom: 2em; }
	@keyframes yellow-fade { 0% {background: #f2f2b8;} 100% {background: none;} }

	package com.google.firebase.zerotoapp;

	public class ChatMessage {
	public String name;
	public String message;

	public ChatMessage() {
	}

	public ChatMessage(String name, String message) {

	///
	// AppDelegate.swift
	// ZeroToApp
	//

	import UIKit
	import Firebase
	import FBSDKCoreKit

	@UIApplicationMain