Paul Christophe captDaylight

A Backbone.js demo app (Sinatra Backend)

Oct 16 2010

Updates

04/10/2011 - Updated application.js and application.rb thanks to @rebo's comments

In this article, I will walk through some simple steps to get a [demo app][2] up and running with [Backbone.js][3] and [Sinatra][4] on [Heroku][5].

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.

state-machine-component

A tiny (265 byte) utility to create state machine components using two pure functions.

🔥 JSFiddle Demo

Usage

The API is a single function that accepts 2 pure functions as arguments:

Note:

When this guide is more complete, the plan is to move it into Prepack documentation.
For now I put it out as a gist to gather initial feedback.

A Gentle Introduction to Prepack (Part 1)

If you're building JavaScript apps, you might already be familiar with some tools that compile JavaScript code to equivalent JavaScript code:

Babel lets you use newer JavaScript language features, and outputs equivalent code that targets older JavaScript engines.

	require 'rubygems'
	require 'sinatra'

	require 'fileutils'

	# upload with:
	# curl -v -F "data=@/path/to/filename" http://localhost:4567/user/filename

	post '/:name/:filename' do
	userdir = File.join("files", params[:name])

	require 'rubygems'
	require 'sinatra'

	require 'fileutils'

	# upload with:
	# curl -v -F "data=@/path/to/filename" http://localhost:4567/user/filename
	# or just go to http://localhost:4567/user/filename with a browser

	get '/:name/:filename' do

	// example

	User = Backbone.Model.extend({
	url: function() {
	var origUrl = Backbone.Model.prototype.url.call(this);
	return origUrl + (origUrl.charAt(origUrl.length - 1) == '/' ? '' : '/');
	}
	});

	'use strict';

	/**
	* Javascript version of https://gist.github.com/jbroadway/2836900
	*
	* Slimdown - A very basic regex-based Markdown parser. Supports the
	* following elements (and can be extended via Slimdown::add_rule()):
	*
	* - Headers
	* - Links