António Lopes alopes

The introduction to Reactive Programming you've been missing

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.

Backend Architectures

Twitter

ror, scala, jetty, erlang, thrift, mongrel, comet server, my-sql, memchached, varnish, kestrel(mq), starling, gizzard, cassandra, hadoop, vertica, munin, nagios, awstats

Introduce Gizzard of Twitter - 트위터의 새로운 분산 관리 라이브러리 Gizzard를 소개합니다.
The Architecture Twitter Uses to Deal with 150M Active Users, 300K QPS, a 22 MB/S Firehose, and Send Tweets in Under 5 Seconds
Scaling Twitter: Making Twitter 10000 Percent Faster

	import { Component } from "React";

	export var Enhance = ComposedComponent => class extends Component {
	constructor() {
	this.state = { data: null };
	}
	componentDidMount() {
	this.setState({ data: 'Hello' });
	}
	render() {

	# be sure to comment out the require 'capistrano/deploy' line in your Capfile!

	# config valid only for Capistrano 3.1
	lock '3.2.1'

	set :application, 'my-cool-application'

	# the base docker repo reference
	set :name, "johns-stuff/#{fetch(:application)}"

	var MyApp = angular.module('MyApp');
	MyApp.factory('msgBus', ['$rootScope', function($rootScope) {
	var msgBus = {};
	msgBus.emitMsg = function(msg, data) {
	data = data \|\| {};
	$rootScope.$emit(msg, data);
	};
	msgBus.onMsg = function(msg, func, scope) {
	var unbind = $rootScope.$on(msg, func);
	if (scope) {

	window.console.clog = function(log){
	var message = typeof log === 'object' ? '%cLooks like you\'re trying to log an ' : '%cLooks like you\'re trying to log a ',
	style = 'background:url(http://i.imgur.com/SErVs5H.png);padding:5px 15px 142px 19px;line-height:280px;';
	console.log.call(console, message + typeof log + '.', style);
	};

	# Use this setup block to configure all options available in SimpleForm.
	SimpleForm.setup do \|config\|
	# you need an updated simple_form gem for this to work, I'm referring to the git repo in my Gemfile
	config.input_class = "form-control"

	config.wrappers :bootstrap, tag: 'div', class: 'form-group', error_class: 'error' do \|b\|
	b.use :html5
	b.use :placeholder
	b.use :label
	b.use :input

	<!DOCTYPE HTML>
	<html>
	<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Bootstrap Masonry Template</title>
	<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
	<link rel="stylesheet" href="style.css">
	<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=PT+Sans+Caption:400,700">

	/*

	limitLoop.js - limit the frame-rate when using requestAnimation frame
	Released under an MIT license.

	When to use it?
	----------------
	A consistent frame-rate can be better than a janky experience only
	occasionally hitting 60fps. Use this trick to target a specific frame-
	rate (e.g 30fps, 48fps) until browsers better tackle this problem

	<!DOCTYPE html>
	<html>

	<head>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js">
	</script>
	<meta charset='utf-8' />
	<title>
	infinite loop carousel(horizontal)
	</title>