chun shang springuper

Promises are a tool to help write asynchronous code in a more readable style that looks more like synchronous code.

In short, promises allow you to interact with a value that may or may not be available yet.

5 entertaining things you can find with the GitHub Search API

Let's have some command-line fun with curl, [jq][1], and the [new GitHub Search API][2].

Today we're looking for:

The hottest repositories created in the last week.
The oldest user accounts with zero followers. (So sad.)
Issue trends by language.
Clojure projects defying convention.

Web Components Resources

Specs / standardization

W3C Introduction to Web Components - explainer/overview of the technologies

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.

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

Tech Lead Book

Introduction
What is a Tech Lead?
The Tech Lead Mindset
Becoming a Tech Lead
Working Cross-Functionally
The Art of Delegation
Technical Best Practices
Effective Decision Making

Profiler

React 16.4 will introduce a new Profiler component (initially exported as React.unstable_Profiler) for collecting render timing information in order to measure the "cost" of rendering for both sync and async modes.

Profiler timing metrics are significantly faster than those built around the User Timing API, and as such we plan to provide a production+profiling bundle in the future. (The initial release will only log timing information in DEV mode, although the component will still render its children- without timings- in production mode.)

How is it used?

Profiler can be declared anywhere within a React tree to measure the cost of rendering that portion of the tree. For example, a Navigation component and its descendants:

	Handlebars is a semantic web template system, started by Yehuda Katz in 2010.
	Handlebars.js is a superset of Mustache, and can render Mustache templates in addition to Handlebars templates.
	More: http://handlebarsjs.com/


	1. Expressions.

	1.1 Basic usage.

	const Cont = require('./lazy-continuation');

	// pointed version
	const c = Cont.of(5) // initial value
	.chain((x) => {
	return Cont.of(x + 5); // synchronous computation
	})
	.chain((x) => { // async computation
	return new Cont((resolve) => {
	setTimeout(() => resolve(x + 15), 500);