Kyle Simpson getify

The Web Must PWA

The web is the most important platform for individual empowerment and creative expression that mankind has ever invented. What was once a meager collection of a handful of scientific documents linked together, is now an expansive graph of billions of people interacting to exchange trillions of interconnected ideas. Getting to be even a small part of building that should be tremendously exciting.

But, even as great as it is, the web faces myriad existential threats. And it's up to us, the builders of the web, to confront them head on. Privacy, security, and accessibility are the obvious big ones, but less obvious are some far deeper problems at the core of the web and how we design/build it.

Should the web go all-HTTPS? Most think so, but uncacheable HTTPS alienates 1/3 of the world's population. We can all probably imagine how bad the web is on slow connections, or even how much it costs on expensive metered-data plans. But worse than slow connection is spotty/intermittent connection or

I received a question about this snippet of code:

function def(first="oldValue" , second=function(){
         return first;
}){
        var first="updatedValue";
        console.log('inside',first);
        console.log('function',second());
}

UPDATE

Solved: https://twitter.com/arcadio_g_s/status/1003147830163226624 (swapping -cx and -cy)

Original

I'm having a geometry problem, and I need help!

For reference, here's the CodePen.

⎘📋🗑⬒💻⬓🔀📷📶🔄🔁🔊🔇🔍🔎🖥🗨💬📎📂📄📅📌📍📝📞☎🔒🔓🔔🔕🔗▶▲▼◀⟲⟳⊗✎✓✔✗✘⊕☷✄☰♥★☆⚛⌖⚙⌕⌔⌫

	"use strict";

	[foo,bar] = TNG(foo,bar);
	// NOTE: intentionally not TNG(..) wrapping useBaz(), so that it's
	// basically like a "custom hook" that can be called only from other
	// TNG-wrapped functions

	function foo(origX,origY) {
	var [x,setX] = useState(origX);
	var [y,setY] = useState(origY);

	class Foo {
	constructor(x) { this.foo = x; }
	hello() { console.log(this.foo); }
	}

	class Bar extends Foo {
	constructor(x) { super(x); this.bar = x * 100; }
	world() { console.log(this.bar); }
	}

	// https://medium.com/@alexgolec/google-interview-questions-deconstructed-the-knights-dialer-f780d516f029

	function nearby(number) {
	return (
	number === 0 ? [4,6] :
	number == 1 ? [6,8] :
	number == 2 ? [7,9] :
	number == 3 ? [4,8] :
	number == 4 ? [3,9,0] :
	number == 6 ? [1,7,0] :

	function logger(strings,...values) {
	var str = "";
	for (let i = 0; i < strings.length; i++) {
	if (i > 0) {
	if (values[i-1] && typeof values[i-1] == "object") {
	if (values[i-1] instanceof Error) {
	if (values[i-1].stack) {
	str += values[i-1].stack;
	continue;
	}

	// my-common-js-module.js

	const prefix = "ABC_";
	// NOTE: what's good here is that I'm using a `const`, but what's bad is, it's not
	// located down below where my other "private" implementation details are.

	// my public API for my module
	module.exports = {
	[`${prefix}1`]: 42,
	[`${prefix}2`]: 100,

	function waitForEvent(elem,evtName) {
	return new Promise(function c(resolve){
	elem.addEventListener(evtName,function onEvent(evt){
	elem.removeEventListener(evtName,onEvent,false);
	resolve(evt);
	},false);
	});
	}