malte-wessel

import { Component } from 'melody-component';
import { component } from 'melody-idom';

export default function mapProps(mapper) {
  return Component => class MapPropsComponent extends Component {
    render() {
      return component(Component, 'child', mapper(props));
    }
  };
}

malte-wessel

import { createComponent } from 'melody-component';
import { component } from 'melody-idom';

export default function mapProps(mapper) {
  return Component => createComponent({
    render() {
      return component(Component, 'child', mapper(props));
    }
  });
}

malte-wessel

// Stateful
const MyComponent = createComponent({
  render(state, props, children, childrenArgs) {
    elementOpen('section');
      children(...childrenArgs);
    elementClose('section');
  }
});

// Stateless

malte-wessel

{% property 'expandable' with { type: 'boolean', required: true } %}
{% property 'expanded' with { type: 'boolean', required: true } %}
{% property 'toggle' with { type: 'function' } %}
{% property 'modifier' with { type: 'string' } %}

{% property 'children' with { type: 'node', required: true } %}
{% property 'title' with { type: 'node' } %}

<div
  class={{ "box box--" + modifier }}

malte-wessel

import { component } from 'melody-component';

const mapProps = mapper => Component => props => component(Component, props.key, mapper(props)); 

malte-wessel

const Box = props => {
  const { children, childrenArgs, title } = props;
  o('div', { className: 'box' });
    if (title) {
      o('div', { className: 'box__title' });
        text(title);
      c('div');
    }
    o('div', { className: 'box__body' });
      children(...childrenArgs);

malte-wessel

const code = 'console.log("foo")';

console.log(require("babylon").parse(code, {
  // parse in strict mode and allow module declarations
  sourceType: "module",

  plugins: [
    // enable jsx and flow syntax
    "jsx",

malte-wessel

const Inferno = require('inferno');
const InfernoServer = require('inferno-server');
const createElement = require('inferno-create-element');

const tree = createElement('div', { className: 'basic' },
	createElement('span', { className: 'foo' }, 'Hello World')
);

const root = document.getElementById('root');

malte-wessel

// https://github.com/salsita/geo-tree
// Red-black tree for geo coordinates, scalar indices with z-curve
import GeoTree from 'geo-tree';

const gt = new GeoTree();

// Items sorted by relevance, data holds itemId
const items = [
  {lat: 48.85886, lng:  2.34706, data: 3849712},
  {lat: 52.50754, lng: 13.42614, data: 234910},

malte-wessel

import { Observable } from 'rxjs/Observable';
import { fromPromise } from 'rxjs/observable/fromPromise';
import 'rxjs/add/operator/delay';
import 'rxjs/add/operator/map';
import 'rxjs/add/operator/expand';
import 'rxjs/add/operator/takeWhile';
import 'rxjs/add/operator/catch';

const defaultIsComplete = () => false;
const defaultKeepIntervalLow = () => false;