Skip to content

Instantly share code, notes, and snippets.

@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>
@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 / index.html
Last active March 21, 2021 06:52
Passing server generated data to client side code
<!doctype html>
<html lang="eng">
<!--
Originally:
https://elixirforum.com/t/passing-json-between-simple-reactjs-and-phoenix-elixir/19799/6
See also:
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script#Embedding_data_in_HTML
-->
<head>
@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 / es2015.js
Last active October 13, 2020 02:59
Differential Serving
window._log('ECMAScript 2015 - with classes but no modules');
@peerreynders
peerreynders / index.html
Last active January 8, 2021 18:04
A progressive disclosure component with regular-elements
<!DOCTYPE html>
<html lang="en">
<!--
"A progressive disclosure component"
https://piccalil.li/tutorial/a-progressive-disclosure-component
with regular-elements
https://github.com/WebReflection/regular-elements
instead of a web component
-->
<head>
@peerreynders
peerreynders / index.html
Last active September 3, 2021 01:14
"use initializer" custom hook
<!doctype html>
<html lang="eng">
<head>
<meta charset="utf-8"/>
<title>useInitializer</title>
</head>
<body>
<script type="module">
import { html, render, useState } from '//unpkg.com/htm/preact/standalone.mjs';
@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 / 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
/*
**Very Rough** approximation of
fizzbuzz :: Int → String
fizzbuzz n = (test 3 "fizz" ◦ test 5 "buzz") id (show n)
where
test d s x | n ‘mod‘ d ≡ 0 = const (s ++ x "")
| otherwise = x
test :: Int → String → (String → String) → String → String