Justin Maat jxm262

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

Debugging node running on a remote server

Node uses a TCP interface for debugging, so if you can get a handle on the right port, you can debug apps running remotely. This means you can run through code on staging, Vagrant, etc. The following shows you how to start node with the debug flag and use an SSH tunnel to access the right port.

Things you need:

ssh access to the server
ability to restart node app with --debug flag or node-inspector installed on server

Debugging using Webstorm

HTTP Streaming (or Chunked vs Store & Forward)

The standard way of understanding the HTTP protocol is via the request reply pattern. Each HTTP transaction consists of a finitely bounded HTTP request and a finitely bounded HTTP response.

However it's also possible for both parts of an HTTP 1.1 transaction to stream their possibly infinitely bounded data. The advantages is that the sender can send data that is beyond the sender's memory limit, and the receiver can act on

What is the appeal of dynamically-typed languages?

Kris Nuttycombe asks:

I genuinely wish I understood the appeal of unityped languages better. Can someone who really knows both well-typed and unityped explain?

I think the terms well-typed and unityped are a bit of question-begging here (you might as well say good-typed versus bad-typed), so instead I will say statically-typed and dynamically-typed.

I'm going to approach this article using Scala to stand-in for static typing and Python for dynamic typing. I feel like I am credibly proficient both languages: I don't currently write a lot of Python, but I still have affection for the language, and have probably written hundreds of thousands of lines of Python code over the years.

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.

	jupyter:
	image: jupyter/datascience-notebook
	environment:
	- PASSWORD=${PASSWORD}


	nginx:
	image: nginx
	links:
	- jupyter

	# coding=utf-8
	from StringIO import StringIO
	from datetime import timedelta

	from rx import Observer
	from rx.concurrency import TwistedScheduler
	from rx.disposables import Disposable
	from rx.subjects import Subject
	from twisted.internet.protocol import Factory, Protocol, connectionDone
	from twisted.internet.endpoints import TCP4ServerEndpoint

	import { Component } from "React";

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

	package core.dao

	import scala.concurrent.Future

	import play.api.Logger

	import reactivemongo.core.commands.LastError
	import reactivemongo.core.errors.DatabaseException

	import core.db.MongoHelper

	{
	"name": "SyncExtension",
	"version": "0.1",
	"manifest_version": 2,

	"description": "Storage Sync Extension",

	"permissions": [ "storage" ],

	"browser_action": {