staltz

var Q = require('q');

function delaydo(x) {
	var deferred = Q.defer();
	setTimeout(function() {
		if (x === 2) {
			console.log("reject: "+x);
			deferred.reject(x);
		}
		else {

staltz

var Q = require('q');

function delaydo(x) {
	var deferred = Q.defer();
	setTimeout(function() {
		if (x === 2) {
			console.log("reject: "+x);
			deferred.reject(x);
		}
		else {

staltz

Cycle custom elements decouple the component's abstraction from its implementation.

When you use a React component like

<div>
  <NewHotness />
</div>

You are pulling in that specific NewHotness component. You actually had to explicity import the NewHotness component before using it.

staltz

https://github.com/Raynos/mercury

Rough sketch of how is the flow of data in Mercury.

                           │
  Event channels  <───────────── dom-delegator (events)
       │                   │           ^
       V  (imperative)                 │
  View state               │          DOM

staltz

Terse Cycle.js

Take Cycle's primal example, on the README:

import Cycle from 'cyclejs';
let {Rx, h} = Cycle;

let name$ = Cycle.createStream(function model(changeName$) {

staltz

h('div.container', [
  h('label.nameLabel', 'Name:'),
  h('input.myinput', {attributes: {type: 'text'}}),
  h('hr'),
  h('h1.greeting', `Hello ${name}`)
])

// or

div('.container', [

staltz

" Append these to your .vimrc

syntax enable
au BufRead,BufNewFile *.todo setfiletype todo
au BufRead,BufNewFile TODO setfiletype todo

staltz

{run} = require '@cycle/core'
{Observable} = require 'rx'
{div, input, h2, makeDOMDriver} = require '@cycle/dom'

intent = (domSource) =>
  changeWeight$ = domSource
    .select('#weight').events('input')
    .map((ev) => ev.target.value)
  changeHeight$ = domSource
    .select('#height').events('input')

staltz

Keybase proof

I hereby claim:

• I am staltz on github.
• I am andrestaltz (https://keybase.io/andrestaltz) on keybase.
• I have a public key whose fingerprint is C83A 1721 7B3E 3DE2 23F2 F4C6 A1F0 0911 A32F D4DD

To claim this, I am signing this object:

staltz

'use strict';

var React = require('react-native');
var Cycle = require('cyclejs');
var {Rx, h} = Cycle;
var createExperimentalIOSRenderer = require('./src/ios-renderer.ios.js');
var {StyleSheet, Text, TextInput, View} = React;

var styles = StyleSheet.create({
  container: {