laszlokorte

import { ShaderChunk } from 'three';
export const vertexShader = `
    ${ShaderChunk.logdepthbuf_pars_vertex}
    ${ShaderChunk.fog_pars_vertex}

    attribute vec3 previous;
    attribute vec3 next;
    attribute float side;
    attribute float width;
    attribute float counters;

laszlokorte

#lang s-exp framework/keybinding-lang

;modified version of https://github.com/yjqww6/drracket-paredit

(require drracket/tool-lib srfi/2)
(require (for-syntax racket/list))

;; The raw version of define-shortcut that does not perform any
;; key processing or body wrapping.
(define-syntax-rule (define-shortcut-internal (key ...) name proc)

laszlokorte

Keybase proof

I hereby claim:

• I am laszlokorte on github.
• I am laszlokorte (https://keybase.io/laszlokorte) on keybase.
• I have a public key ASD0IhNwhXub65-6LsaPiU5e8G2Nhp4Qm_Z7ux6WsXmxuQo

To claim this, I am signing this object:

laszlokorte

<?php
// The root container object
class Root implements Serializable {
	private $nodes;
	private $mainNode;

	public function __construct() {
		$this->nodes = new IdentifierMap();
	}
	// Adds child object

laszlokorte

import {Observable as O} from "rx"
import hyper from "hyperscript-helpers"

const view = (DOM, model$) => {
  const {div, h1, button} = hyper(DOM.h)

  return DOM.prepare(model$.map(text =>
    div([
      h1(text),
      button("Click me!"),

laszlokorte

import {Observable as O} from 'rx';
import I from 'immutable';

import {
  expressionFromJson,
  collectIdentifiers,
  collectSubExpressions,
  evaluateAll,
} from '../lib/expression';

laszlokorte

The introduction to Reactive Programming you've been missing

(by @andrestaltz)

---

This tutorial as a series of videos

If you prefer to watch video tutorials with live-coding, then check out this series I recorded with the same contents as in this article: Egghead.io - Introduction to Reactive Programming.

---

laszlokorte

Running Ball Drop
Ball Drop (10 steps, 10 solve loops) : 27 ms  (370.3703703703704 steps/second)
Checksum: -1.8194444444444444

Ball Drop (10 steps, 30 solve loops) : 10 ms  (1000.0 steps/second)
Checksum: -1.8194444444444444

Ball Drop (100 steps, 10 solve loops) : 39 ms  (2564.102564102564 steps/second)
Checksum: -30.69444444444442

laszlokorte

Running Ball Drop
Ball Drop (10 steps, 10 solve loops) : 23 ms  (434.7826086956522 steps/second)
Checksum: -1.8194442838430405

Ball Drop (10 steps, 30 solve loops) : 9 ms  (1111.111111111111 steps/second)
Checksum: -1.8194442838430405

Ball Drop (100 steps, 10 solve loops) : 42 ms  (2380.9523809523807 steps/second)
Checksum: -30.694456100463867

laszlokorte

import Cycle from '@cycle/core';
import isolate from '@cycle/isolate';
import {makeDOMDriver, div} from '@cycle/dom';
import {Observable as O} from 'rx';

const Canvas = ({DOM, content$}) => {
  const intent = (D) =>
    ({
      toggle$: D
        .select('.clickableBackground')