dfkaye

// 45678901234567890123456789012345678901234567890123456789012345678901234567890

// This version, 5 Sept 2019
// First version, 18 Dec 2018
// See original Math Problem gist by @tevko
// https://gist.github.com/tevko/20f8fc446d219f4714517aab19c5dd71

// See postscript at the end of this gist for next thoughts...

// Set up our constraints first.

dfkaye

Notes from Bodil Stokke's "The Miracle of Generators"

Presented at Front Conference Zurich 31 August - 1 September 2017

Video at https://vimeo.com/232221648

Our little data

var ponies = [

dfkaye

// 19 August 2019
// Just learned something new:
// Shorthand regex [A-z] will find all ASCII letters, lower- and uppercase.
// And will also find backtick, caret, underscore, opening and closing square brackets...
// Who knew?
// @jessitron => https://twitter.com/jessitron/status/1163481184413913088

var re = /[A-z]+/;

var tests = `09aZ~!@#$%^&*()_+\`-={}|[]\:;"'<,>.?/'"`.split('');

dfkaye

9 August 2019

Using CSS files in React/JSX

If you work with CSS-in-JS solutions and you need CSS features that CSS-in-JS can't provide — for example, @media rules and/or CSS custom properties (aka CSS variables) — here are 2 approaches to get them working in your React/JSX app.

Credit goes to https://stackoverflow.com/questions/27530462/react-jsx-style-tag-error-on-render#34200213

Tweet thread https://twitter.com/dfkaye/status/1159886173331812352

dfkaye

/* 5 Aug 2019 */

/* https://twitter.com/dfkaye/status/1158602465345884160 */

/*
 * Figure out why there are no CSS selectors for the following and - suddenly - you will "get" CSS:
 *
 * - previous adjacent sibling
 * - previous general sibling
 * - direct ancestor (parent)

dfkaye

// 4 Aug 2019
// prompted by
// https://www.linkedin.com/posts/sifat-haque-9a3028b1_javascript-simpleabrjavascript-coding-activity-6561302165493780480-6A1F
// Here is an way to insert a new item to an Object at any specific position. 

function insertAt(obj, key, value, at) {
  if (Array.isArray(obj)) {
    var a = obj.slice();
    
    at === +at ? a.splice(at, 0, value) : a[at] = value;

dfkaye

// 2 Aug 2019

// check whether value translates to null, undefined, NaN, or an empty string.
// Examples:
//  false is a value.
//  [], and [''] have noValue.

function noValue(o) {
  return !String(o == null || o !== o ? '' : o).length;  
}

dfkaye

// 27 July 2019
// UUID generator function 
// from https://codeburst.io/javascript-generator-yield-next-async-await-e428b0cb52e4

function* UUIDGenerator() {
    let d, r;
  
    while (true) {
        yield 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
          

dfkaye

/**
 * @function formatUTCDateString accepts a string or a number and attempts to
 * create a YYYY-MM-DDTHH:MM:DD.MSZ string and return it. If the input cannot
 * be parsed into a valid date, the original value is returned.
 * 
 * Function also supports a quoted timestamp as the argument, tries to coerce
 * it to produce a valid date string.
 * 
 * Note the JavaScript's Date object does *not* accept a quoted timestamp, as
 * follows:

dfkaye

/* graphQL query builder */

/**
 * @function buildGraphQuery takes a map of field values, and other items for a
 * graphQL query string, and returns an object containing each part, plus the
 * `toString()` method that produces the graph query.
 *
 * The returned object can be tested on each of its parts that the `toString()`
 * method uses to construct the final graphQL query string.
 *