mweststrate

var CartView = React.createClass({
    render: function() {
        function renderEntry(entry) {
            return (<CartEntryView entry={entry} cart={this.props.cart} key={entry.id} />);
        }
        return (<div>
            <ul id="cart">{this.props.cart.entries.map(renderEntry)}</ul>
            <div><b>Total: <span id="total">{this.props.cart.total}</span></b></div>
        </div>)
    } 

mweststrate

<div>Seats left: 500<hr/>Attendees: </div>
<div>Seats left: 499<hr/>Attendees: Michel</div>
<div>Seats left: 498<hr/>Attendees: Michel, You?</div>
<div>Seats left: 498<hr/>Attendees: @mweststrate, You?</div>
<div>Seats left: 748<hr/>Attendees: @mweststrate, You?</div>

mweststrate

private String implementation4(String name, Category category, Long offset) throws CoreException
{
	StringBuilder b = new StringBuilder();
	
	//create the xpath
	XPath<Product> xpath = XPath.create(getContext(), Product.class)
			.subconstraint( Product.MemberNames.Product_ProductState , ProductState.entityName )
				.eq( ProductState.MemberNames.Published , true )
				.or()
				.eq( ProductState.MemberNames.PublishAnyway , true )

mweststrate

//...
//create the xpath
String xpath = String.format("//%s[%s/%s[%s = true() or %s = true()]][%s = '%s'][%s = '%s']",
		Product.entityName,
		Product.MemberNames.Product_ProductState, ProductState.entityName,
		ProductState.MemberNames.Published, ProductState.MemberNames.PublishAnyway,
		Product.MemberNames.Product_Category, category.getGUID(),
		Product.MemberNames.Name, name
);
//...

mweststrate

transaction(() => {
  michel.firstName = "Mich";
  michel.lastName = "W.";
});

mweststrate

// JSBin: http://jsbin.com/xoyehi/edit?js,console
import {observable, autorun} from "mobx";

const todos = observable([{
    title: "Find napkin",
    completed: false
}]);

autorun(() =>
    console.log(todos

mweststrate

npm init -y && npm install mobx --save && node -e "global.mobx=require('mobx'); require('repl').start({ useGlobal: true});"

mweststrate

function Article(name, price) {
    mobx.extendObservable(this, {
        name: name,
        price: price
    });
}

function ShoppingCartEntry(article) {
    mobx.extendObservable(this, {
        article: article,

mweststrate

var CartEntryView = mobxReact.observer(React.createClass({
    render: function() {
        return (<li>
            // etc...

mweststrate

/**
 * Usage:
	typeSwitch(someInstance, defaultvalue)
	   .when(MyClass, i => result)
	   .when(OtherClass, i => otherResult)
	   .get()
	
	In the expressions, the type of the 'i' param should be inferred correctly, see the attribute default value checks
*/
export function typeSwitch<T, R>(instance: T, defaultValue?: R): TypeSwitcher<T, R> {