Skip to content

Instantly share code, notes, and snippets.

Koen Bok koenbok

View GitHub Profile
View store.ts
import * as React from "react";
import { useState, useEffect } from "react";
A hook to simply use state between components
// You can put this in an central file and import it too
const useStore = createStore({ count: 0 })
View keyboard.tsx
import * as React from "react";
export class Keyboard extends React.Component {
state = { key: null };
onChange = event => {
this.setState({ key: });
render() {
View autoplay.html
<video controls autoplay muted>
<source id="mp4" src="" type="video/mp4">
# Don't forget to add Frabric to the index.html file
layer = new CanvasLayer
# Create a new Fabric canvas instance
canvas = new fabric.Canvas(layer.canvas)
rect = new fabric.Circle
radius: 100
layer = new CanvasLayer
layer.ctx.arc(100, 100, 90, 0, 2 * Math.PI, true)
layer.ctx.fillStyle = "#0055DD"
layer.ctx.lineWidth = 20
layer.ctx.strokeStyle = "#00AAFF"
# Make sure Raphael.js is included in the html file
layer = new CanvasLayer
paper = new Raphael(layer.svg)
text = paper.text(70, 40, "Lorem Ipsum!")
text.attr({"font-size": 20, "fill": "orange"})
layer = new SVGLayer
shape = layer.addShape("circle")
shape.setAttribute("cx", 100)
shape.setAttribute("cy", 100)
shape.setAttribute("r", 90)
shape.setAttribute("fill", "#0055DD")
shape.setAttribute("stroke", "#00AAFF")
shape.setAttribute("stroke-width", 20)
koenbok /
Last active Nov 13, 2018
My Favorite Mac Tweaks

Skip verifying disk images

defaults write skip-verify true

Always hide the Desktop

defaults write CreateDesktop false; killall Finder

Make terminal logins fast

touch ~/.hushlogin

Disable most animations

View cotree.ts
// Internal types
interface NodeType {
id: string
type: string
attributes: Map<string, any>
children: List<NodeType>
View tree.ts
interface Node {
id: string
type: string
children: List<Node>
class Tree {
// Create and remove (updates root)
create(type: string, parent: string|null|Node= null, attributes: any = {}): Node {}
You can’t perform that action at this time.