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

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')

laszlokorte

'use strict';

var isArray = require('x-is-array');

// START Cycle.js-specific code >>>>>>>>
var h = require('@cycle/dom').h;
// END Cycle.js-specific code <<<<<<<<<<

var SVGAttributeNamespace = require('virtual-dom/virtual-hyperscript/svg-attribute-namespace');
var attributeHook = require('virtual-dom/virtual-hyperscript/hooks/attribute-hook');

laszlokorte

[
    {
        "class": "sidebar_label",
        "color": [135, 145, 165],
    },

    {
        "class": "sidebar_label",
        "parents": [{"class": "tree_row", "attributes": ["expandable"]}],
        "color": [145, 165, 175],