Skip to content

Instantly share code, notes, and snippets.

@peerreynders
peerreynders / demo.exs
Last active September 8, 2019 00:27
Vampire Numbers Elixir demonstration script
# Cobbled together ("untested") demonstration code - no production value
# The intention is to flood all CPU cores with "work"
#
# Created for: https://elixirforum.com/t/finding-vampire-numbers/25098/10
#
defmodule Primes do
require Integer
@primes :primes
@init_last 3
@peerreynders
peerreynders / DisclosureToggle.svelte
Last active April 18, 2020 01:19
Andy Bell's progressive disclosure (web) component implemented with Svelte 3
<!-- file: src/DisclosureToggle.svelte -->
<svelte:options tag={ null }/>
<script>
import { onMount } from 'svelte';
// prop names ("buttonLabel") aren't converted to
// attribute names ("button-label")
export let label = 'Toggle content';
let trigger;
@peerreynders
peerreynders / filterMap.html
Last active June 10, 2020 18:47
filterMap utility function using JavaScript iteration protocols
<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Filter Map</title>
</head>
<body>
<script>
function log(value) {
console.log(value);
}
function executor(resolve, _reject) {
const resolveValue = () => resolve('3 Resolved now');
self.setTimeout(resolveValue, 1000);
}
const pending = new Promise(executor);
@peerreynders
peerreynders / index.html
Created September 11, 2020 20:51
A progressive disclosure component with wickedElements
<!doctype html>
<html lang="eng">
<!--
"A progressive disclosure component"
https://hankchizljaw.com/wrote/a-progressive-disclosure-component/
with wickedElements
https://github.com/WebReflection/wicked-elements
@peerreynders
peerreynders / 01before.html
Last active September 21, 2020 23:53
useRefreshCallback - custom hook that also avoids creating garbage functions
<!doctype html>
<html lang="eng">
<head>
<meta charset="utf-8"/>
<title>useCallback alternative BEFORE</title>
</head>
<body>
<script type="module">
import {
html, render, useState, useCallback
@peerreynders
peerreynders / es2015.js
Last active October 13, 2020 02:59
Differential Serving
window._log('ECMAScript 2015 - with classes but no modules');
@peerreynders
peerreynders / children.html
Last active October 17, 2020 22:24
"Slots" in Preact
<!doctype html>
<html lang="eng">
<!--
Based on: Getting Your Head Around Vue.js Scoped Slots - Anthony Gore
https://vuejsdevelopers.com/2017/10/02/vue-js-scoped-slots/
https://codepen.io/anthonygore/pen/zExPZX
-->
<head>
<meta charset="utf-8"/>
<title>"Slots" in Preact using children prop</title>
@peerreynders
peerreynders / index.html
Last active October 31, 2020 18:54
Quick'n dirty transformation benchmark
<!doctype html>
<html lang="eng">
<!--
-->
<head>
<meta charset="utf-8"/>
<title>Transform Benchmark</title>
<style>
p {
font: 1.25em monospace;
@peerreynders
peerreynders / permutations.html
Created January 5, 2021 01:18
itertools.permutations in vanilla JavaScript
<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>itertools.permutations in vanilla JavaScript</title>
</head>
<body>
<p>Check Developer Tools Console (Chrome) or Web Developer Web Console (Firefox) </p>