getify

Building That Better Web

In honor of the 30th anniversary of the web, I wanted to share a few thoughts about what a better web could aspire to be, and challenge us to move toward it.

The Worser Web

It's tempting to frame "better" simply in terms of improvement and progress, as in how far the web has come over the last 20+ years. As a developer, I like many others get all too excited about fancy new features like Service Workers, WebRTC, and yes, even CSS Grids. The pace of change is dizzying, but it feels like a great problem to have too many awesome features to learn and use!

So in one practical respect, a better web is one that empowers developers and users alike to express themselves and connect with others more fluently.

getify

Promise.lazyAll = async function lazyAll(iter) {
   var results = [];
   for await (let val of iter) {
      results.push(val);
   }
   return results;
};

(async function(){
  console.log( `results(1): ${ await Promise.lazyAll( [1,2,3] )}` );

getify

$> node_modules/eslint/bin/eslint.js --version
v5.15.0

$> cat foo.js
"use strict";
var x = y => foo(y);

$> cat .eslintrc.json

getify

function somethingThatReturnsAPromise(x,y,z) { .. }

function myCallback(err,v) {
  if (err) {
    console.error(err);
  }
  else {
    console.log(v);
  }
}

getify

function fizzbuzz() {
   for (let i = 1; i <= 100; i++) {
      let div3 = i % 3 == 0;
      let div5 = i % 5 == 0;
      if (div3 && div5) {
         console.log("FizzBuzz");
      }
      else if (div3) {
         console.log("Fizz");
      }

getify

let names = people.map(personToGetNameFrom => personToGetNameFrom.name);

// ******************

let getName = person => person.name;
let names = people.map(getName);

// ******************

function getName(person) { return person.name; }

getify

// function copySession(sess) {
//    return { ...sess };
// }

var copySession = compose(
   reduce(
      compose(
         flip,
         binary,
         uncurry,

getify

function Foo() {
  var [x,setX] = useState(0);
  var [y,setY] = useState(1);
  var cb = useCallback(
    function printXYIfChanged() { console.log(x,y); },
    [x,y]
  );
  useEffect(
    function pollingXY(){
      var intv = setInterval(cb,100);

getify

var a = "j";                // "j"
var b = "\\j";              // "\j"
var c = "\\\\j";            // "\\j"
var d = "\\\\\\j";          // "\\\j"
var e = "\\\\\\\\j";        // "\\\\j"
var f = "\\\\\\\\\\j";      // "\\\\\j"

var just_j = nonescapedRE("j");
just_j.test(a);              // true
just_j.test(b);              // false

getify

var data = [
   { a: 4, b: 12, c: "elderberry" },
   { a: 2, b: 10, c: "cherry", d: 4 },
   { a: 4, b: 12, c: "durian" },
   { a: 2, b: 10, c: "cherry", },
   { a: 3, b: 12, c: "durian" },
   { a: 1, b: 10, c: "apple", },
   { a: 1, b: 11, c: "apple", },
   { a: 1, b: 11, c: "banana", },
   { a: 2, b: 10, c: "banana", },