jonkwheeler

import { render } from "preact";
import { useRef, useState } from "preact/hooks";

import { signal, useSignal, useComputed } from "@preact/signals";

// Create a signal that can be subscribed to:
const globalCount = signal(0);

function Counter({ number }) {
  const [stateCount, setStateCount] = useState(0);

jonkwheeler

{% macro number_comma_separator(number) %}
{# Check if a number first #}
{% if number|int != 0 %}
{# split all numbers to an array #}
{% set numbers = number|string|regex_replace("(\\d)", "$1,")|split(",") %}
{% set new_numbers = [] %}
{# loop over array in reverse #}
{% for digit in numbers|reverse %}
{% if loop.index is divisibleby 3 %}{% set new_digit = digit + "," %}{% else %}{% set new_digit = digit %}{% endif %}
{% set new_numbers = new_numbers + new_digit %}

jonkwheeler

import React from 'react'
import dynamic from 'next/dynamic'

const ReactJsonNoSSR = dynamic(import('react-json-view'), {
  ssr: false
})

const starWarsJson = {
	"name": "Luke Skywalker",
	"height": "172",

jonkwheeler

https://s3.amazonaws.com/mozilla-games/tmp/2017-02-21-SunTemple/SunTemple.html
https://s3.amazonaws.com/mozilla-games/ZenGarden/EpicZenGarden.html
https://mil-tokyo.github.io/webdnn/
http://tiny.cc/webdsp
http://alex-wasm.appspot.com/time/hour-chipmunk.svg
https://www.cubeslam.com
http://shi-yan.github.io/AssortedWidgets/
https://webrtc.github.io/samples/src/content/getusermedia/filter/
https://webassembly.studio/

jonkwheeler

// @flow
import React, { PureComponent } from 'react';
import { TweenMax, Circ } from 'gsap';
import Waypoint from 'react-waypoint';

type CounterProps = {
  min: number,
  max: number,
  duration: number,
  afterText: string,

jonkwheeler

// @flow
import { PureComponent, type Node, Fragment } from 'react';
import { TimelineLite } from 'gsap';
import SplitText from 'Lib/gsap-bonus/umd/SplitText';
import Waypoint from 'react-waypoint';

type RevealTextProps = {
  children: Node,
  waypointTopOffset: string,
  waypointBottomOffset: string,

jonkwheeler

// Enter slack in the browser. https://{insert your team name here}.slack.com/messages/
// Click on the channel you want.
// Click the information icon.
// Expand the members dropdown.
// Click "See All Members"

// Paste the next line into the console, hit enter.
var imageList = new Array()

// If your channel has more than 19 members, the list won't display past that. It also unloads them from the state as you scroll.