coder054

const log = (...args) => {
  // console.log(...args)
  document.write(...args)
  document.write('<br />')
}

// get the print function (for printing the board)
const getPrint = (n) => (arr) => {
  const print = () => {
    let str = ''

coder054

Common Lisp Cheatsheet

Common Lisp is a general-purpose programming language with functions as first-class citizens. Don't worry about being purely functional, Lisp is Object Oriented too. CLOS is a very powerful object-oriented system!

Useful definitions

The Common Lisp lingo is quite unique:

• Package: Basically a namespace, a place for symbols to live
• System: Basically a Library. A bunch of code plus some instructions how it should be treated, for example which other systems it depends on, what should be loaded and/or compiled first, etc. Not in ANSI lisp but widespread. The most common system definition tool is ASDF.
• Modules: Deprecated and implementation-dependent
• Quicklisp: Like NPM or Ruby Gems for ASDF Systems.

coder054

function readToken (token) {
  if (token === '(') {
    return {
      type: 'OPENING_PARENS'
    };
  } else if (token === ')') {
    return {
      type: 'CLOSING_PARENS'
    };
  } else if (token.match(/^\d+$/)) {

coder054

Disable HTML Form Input Autocomplete and Autofill

1. Add autocomplete="off" onto <form> element;
2. Add hidden <input> with autocomplete="false" as a first children element of the form.

<form autocomplete="off" method="post" action="">
    <input autocomplete="false" name="hidden" type="text" style="display:none;">
    ...

coder054

Replacing Create React App with the Next.js CLI

How dare you make a jab at Create React App!?

Firstly, Create React App is good. But it's a very rigid CLI, primarily designed for projects that require very little to no configuration. This makes it great for beginners and simple projects but unfortunately, this means that it's pretty non-extensible. Despite the involvement from big names and a ton of great devs, it has left me wanting a much better developer experience with a lot more polish when it comes to hot reloading, babel configuration, webpack configuration, etc. It's definitely simple and good, but not amazing.

Now, compare that experience to Next.js which for starters has a much larger team behind it provided by a world-class company (Vercel) who are all financially dedicated to making it the best DX you could imagine to build any React application. Next.js is the 💣-diggity. It has amazing docs, great support, can grow with your requirements into SSR or static site generation, etc.

So why

coder054

// Untested code, but hopefully it gives you an idea.
// Ping me @jofarnold on Twitter if you get stuck

import React, { Component } from "react";
import Downshift from "downshift";
import PropTypes from "prop-types";

function nodeFromItem(id, items) {
  return items.find(({ uuid }) => uuid === id);
}

coder054

Online music/voice separator based on neural nets https://mvsep.com/

Quality of algorithms comparison https://mvsep.com/quality.php

GUI for a Vocal Remover that uses Deep Neural Networks. https://github.com/Anjok07/ultimatevocalremovergui

Facebook Demucs v4 is claimed to have better SDR than both MDX-Net and Spleeter

coder054

cy.visit('/404')
//=> Test fails

cy.visit('/404', {failOnStatusCode: false})
//=> Test passes but does not test the HTTP code was 404

cy.request({url: '/404', failOnStatusCode: false}).its('status').should('equal', 404)
cy.visit('/404', {failOnStatusCode: false})
//=> Test passes, tests that the HTTP code was 404, and tests page was visited

coder054

const Y = (fn) => ((g) => g(g))((g) => fn((x) => g(g)(x)))

const factorialGenerator = (f) => (n) => n === 0 ? 1 : n * f(n - 1)
const factorial = Y(factorialGenerator)
factorial(5) // 120

const sumFromZeroToNGenerator = (f) => (n) => n <= 1 ? n : n + f(n - 1)
const sumFromZeroToN = Y(sumFromZeroToNGenerator)
sumFromZeroToN(5) // 15

coder054

/**
 * DERIVING THE Y COMBINATOR IN 7 EASY STEPS
 *
 * Ionut G. Stan  |  ionut.g.stan@gmail.com  |  http://igstan.ro  |  http://twitter.com/igstan
 *
 *
 * The Y combinator is a method of implementing recursion in a programming
 * language that does not support it natively (actually, it's used more for
 * exercising programming brains). The requirement is the language to support
 * anonymous functions.