Ivan Portilla ivportilla

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.

What forces layout / reflow

All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.

Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.

Element APIs

Getting box metrics

elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent

1 Background (page 2)

Today's system requirement

large number of request
huge amount of data
quick response time
(almost) 100% uptime

(page 3) If we compare the number of Internet users in the past decades with the number of users of the two afore mentioned websites, we can see that they now handle as much traffic as the entire Internet used to.

Introduction to Angular

Angular (aka Angular 2) is a new framework completely rewritten from the ground up, replacing the famous AngularJS framework (aka Angular 1.x).

More that just a framework, Angular should now be considered as a whole platform which comes with a complete set of tools, like its own CLI, debug utilities or performance tools.

Getting started

In this tutorial we're going to build a set of parser combinators.

What is a parser combinator?

We'll answer the above question in 2 steps.

What is a parser?
and, what is a parser combinator?

So first question: What is parser?

	import scalaz.\/
	import scalaz.syntax.either._

	object Example2 {
	// This example simulates error handling for a simple three tier web application
	//
	// The tiers are:
	// - the HTTP service
	// - a user authentication layer
	// - a database layer

	{
	"keys": ["tab"],
	"command": "expand_abbreviation_by_tab",

	// put comma-separated syntax selectors for which
	// you want to expandEmmet abbreviations into "operand" key
	// instead of SCOPE_SELECTOR.
	// Examples: source.js, text.html - source
	"context": [
	{

	import java.awt.Dimension
	import java.awt.event.MouseAdapter
	import java.awt.event.MouseEvent
	import javax.swing.JFrame

	import scala.collection.immutable
	import scala.concurrent.duration._

	import akka.actor._
	import akka.stream._

	import scala.util._

	import akka.actor._
	import akka.stream._
	import akka.stream.scaladsl._
	import akka.util._

	object SimpleTcpServer extends App {

	val address = "127.0.0.1"