Patrick Stoica pstoica

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.

ANNOUNCEMENT

I have moved this over to the Tech Interview Cheat Sheet Repo and has been expanded and even has code challenges you can run and practice against!

\

Interesting part (unmounting & API) is at the end if you're not interested in the rest =).

Stress Tests

This animation proposal is just an attempt. In case it doesn't work out, I've gathered a few examples that can test the power of a future animation system.

Parent is an infinitely spinning ball, and has a child ball that is also spinning. Clicking on the parent causes child to reverse spinning direction. This tests the ability of the animation system to compose animation, not in the sense of applying multiple interpolations to one or more variables passed onto the child (this should be trivial), but in the sense that the parent's constantly updating at the same time as the child, and has to ensure that it passes the animation commands correctly to it. This also tests that we can still intercept these animations (the clicking) and immediately change their configuration instead of queueing them.
Typing letters and let them fly in concurrently. This tests concurrency, coordination of an array of ch

Amazon S3 Redirect Rules Generator

A Ruby script to generate simple Amazon S3 Redirection Rules XML file.

Update: There is an app for that now! Use Amazon S3 Redirector (Web app) and you can generate the XML without any knowledge about Ruby. Thanks to @rainforestapp. BTW, It's open source too.

Dependencies

Nokogiri

	module.exports = AddCustomCodePlugin

	function AddCustomCodePlugin() {}

	AddCustomCodePlugin.prototype.apply = function(compiler) {
	var self = this
	compiler.plugin("compilation", function(compilation) {
	compilation.mainTemplate.plugin("local-vars", self.localVars.bind(self)))
	})
	}

	// Usage example:
	//
	// willTransitionTo(transition, params, query, callback) {
	// observeStore(DraftStore, s => s.isLoaded()).then(() => {
	// if (DraftStore.isMissingTitle()) {
	// transition.redirect('composeDraft', params);
	// }
	// }).finally(callback);
	// }


	<html>
	<head>
	<title>Test</title>
	<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
	<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
	<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
	<script src="http://fb.me/react-0.5.1.js"></script>
	<script src="http://fb.me/JSXTransformer-0.5.1.js"></script>
	</head>

	//************************************************
	//
	// Catmull-Rom Spline to Bezier Spline Converter
	//
	//
	// This is an experimental extension of the SVG 'path' element syntax to
	// allow Catmull-Rom splines, which differs from BÃ©zier curves in that all
	// defined points on a Catmull-Rom spline are on the path itself.
	//
	// This is intended to serve as a proof-of-concept toward inclusion of a

	class Post
	@data = Gollum::Wiki.new('doc/blog.git', :mathjax => true)
	@@unindexable = 'page'
	@@unreadable = 'pending'

	def self.data
	@data
	end

	def self.reload

	/* The Grid ---------------------- */
	.lt-ie9 .row { width: 940px; max-width: 100%; min-width: 768px; margin: 0 auto; }
	.lt-ie9 .row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }
	.lt-ie9 .row.large-collapse .column,
	.lt-ie9 .row.large-collapse .columns { padding: 0; }
	.lt-ie9 .row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }
	.lt-ie9 .row .row.large-collapse { margin: 0; }

	.lt-ie9 .column, .lt-ie9 .columns { float: left; min-height: 1px; padding: 0 15px; position: relative; }
	.lt-ie9 .column.large-centered, .columns.large-centered { float: none; margin: 0 auto; }