Jean Lucas de Carvalho jlcarvalho

This is a proposal for a lightning talk at the Reactive 2016 conference. If you like this, star the Gist.

Thinking metrics on React applications

In regular websites, it is common to send multiple events to track user clicks. Single Page Applications change the way you look at metrics. This is a talk about a simple pattern we created at Globo.com to manage a metrics layer for http://globoplay.globo.com. The talk will cover how to track user flow using Google Analytics and other services. We solved the challenge of tying metrics and components, keeping information across pages and having global data. Also some React, React Router and React Side Effects concepts like context, higher order components, history state will be covered.

The introduction to Reactive Programming you've been missing

(by @andrestaltz)

This tutorial as a series of videos

If you prefer to watch video tutorials with live-coding, then check out this series I recorded with the same contents as in this article: Egghead.io - Introduction to Reactive Programming.

Motivation

The current Push API Draft specifies a system that has no notion of push channel persistence. Further, it does not include push message payloads, a feature that many developers want.

This gist outlines an API which:

integrates with the Service Worker to enable delivery of push messages to applications which do not have visible tabs
enables a JSON-formatted body of content
guards access to registration for pushes on potential user consent

	// ==UserScript==
	// @name GitHub: White favicon
	// @version 1.10.0
	// @author tobbez
	// @match https://support.github.com/*
	// @match https://github.blog/*
	// @match https://opensource.guide/*
	// @match https://www.githubstatus.com/*
	// @match https://services.github.com/*
	// @match https://desktop.github.com/*

	// src/app/services/token-interceptor.service.ts

	import { Injectable } from "@angular/core";
	import { HttpRequest, HttpHandler, HttpEvent, HttpInterceptor } from "@angular/common/http";
	import { AuthenticationService } from "../authentication.service";
	import { Observable } from "rxjs/Observable";
	import { BehaviorSubject } from "rxjs/BehaviorSubject";

	@Injectable()
	export class RefreshTokenInterceptor implements HttpInterceptor {

	# Turn on Notifications
	do shell script "defaults -currentHost write com.apple.notificationcenterui doNotDisturb -bool FALSE; defaults -currentHost delete com.apple.notificationcenterui doNotDisturbDate; osascript -e 'quit application \"NotificationCenter\" ' && killall usernoted" -- this set 'Do not disturb' to false in the pref

	# Show Desktop
	do shell script "defaults write com.apple.finder CreateDesktop -bool true; killall Finder"

	# Show all windows
	tell application "System Events"
	set visible of (every process) to true
	end tell

	var request = require("request"),
	cheerio = require("cheerio"),
	url = "https://www.google.com/search?q=data+mining",

	corpus = {},
	totalResults = 0,
	resultsDownloaded = 0;

	function callback () {
	resultsDownloaded++;

	# Retorna dados sobre o pregão
	http://www.bmfbovespa.com.br/Pregao-Online/ExecutaAcaoCarregarDados.asp?CodDado=IBOV,ticker&CA=undefined

	# Retorna ações e seus últimos valores negociados
	http://www.bmfbovespa.com.br/Pregao-OnLine/ExecutaAcaoCarregarDados.asp?CodDado=Ticker

	# Retorna o histórico do dia de um papel
	http://www.bmfbovespa.com.br/Pregao-Online/ExecutaAcaoCarregarDadosPapeis.asp?CodDado=petr4

	# Retorna dados de um papel

	angular.module('myApp', ['ionic', 'myApp.services', 'myApp.controllers'])
	.run(function(DB) {
	DB.init();
	});