alexeyraspopov

/* global DEBUG */
import Flux from 'flux';

export var Dispatcher = new Flux.Dispatcher();

export function dispatch(type, payload) {
	if (typeof type !== 'string') {
		return Promise.reject(new TypeError('Action type should be a string. Received ' + type));
	}

alexeyraspopov

Work in isolation

┌─ Route ──────────────────┐
│                          │
│ ┌─ Container ──────────┐ │
│ │                      │ │
│ │ ┌─ List ───────────┐ │ │
│ │ │                  │ │ │
│ │ │ ┌─ Item ───────┐ │ │ │

alexeyraspopov

Steps to reproduce

1. Open this gist git clone git@gist.github.com:9e7dcd7dcb061ec49417.git && cd 9e7dcd7dcb061ec49417
2. Install dependencies npm install
3. Run build script npm start

Expected: created bundle.js.

Actual: UglifyJS raises an exception Name expected.

alexeyraspopov

PHONY: build

export PATH:=$(shell pwd)/node_modules/.bin:$(PATH)

build: export NODE_ENV=production
build:
	exec browserify index.js -t babelify -t envify > bundle.js

alexeyraspopov

const UsersListContainer = Container({
	request: UsersListPending,
	success: UsersList,
	failure: UsersListError
}, {
	fragments: {
		users: () => fetch('/users').then(r => r.json()),
		sort: () => UserStore.map(({sortingKeys}) => makeSortFn(sortingKeys)),
		onSelect: () => UserActions.selectUser,
	}

alexeyraspopov

var {Observable} = require('rx');

var Iterated = Observable.create(observer => {
    var timer = setInterval(() => observer.onNext(13), 1000);
    return {dispose(){ clearInterval(timer); }};
});

var Failed = Observable.create(observer => {
    var timer = setTimeout(() => observer.onNext('failed'), 3000);
    return {dispose(){ clearTimeout(timer); }};

alexeyraspopov

import newsletter from 'newsletter';

export default function Store(reducer) {
	const signal = newsletter();
	let state = reducer(void 0, {});

	return {
		getState: () => state,
		dispatch: action => {
			state = reducer(state, action);

alexeyraspopov

function ObserveDispatcher() {
	return Observable.create(observer => {
		const token = Dispatcher.register(observer.onNext);

		return {dispose() { Dispatcher.unregister(token); }};
	});
}

// .publish() can be used for creating hot observable

alexeyraspopov

class ModelInfoContainer extends Transmitter.Container {
	static observe({project, model}) {
		return {
			data: DataRobotAPI.model(project, model),
			onSelect: UserActions.selectModel,
		};
	}

	render({data, onSelect}) {
		return <ModelInfo data={data} onSelect={onSelect} />;

alexeyraspopov

type Degree = Number;
type Radian = Number;

const x: Degree = 13;
const y: Radian = Math.PI;

function radians(a: Degree): Radian {
  return a * Math.PI / 180;
}