Nathan Kot nathankot

Next-generation JavaScript frameworks

Web application frameworks have been developing fast in the past few years, and as the technologies that they're built on top of get more advanced, each of these frameworks is able to provide newer features to help developers build more complex applications. This year, we've seen the release of a new class of application frameworks that takes advantage of JavaScript's ability to be both on the client and the server. What this allows these frameworks to do is provide both a new level of abstraction by sharing code between client and server, as well as embrace the benefits of both client-side rendering and server-side rendering.

For the end user, they get smooth, desktop-like responsiveness from client-side rendering, while still being able to maintain the SEO and accessbility benefits of server-side rendering. For developers, that means writing less boilerplate code, and being able to focus more on writing the application logic.

Today, there are three main framew

Updated for Rails 4.0.0+

Bower

Set up the bower gem.
Follow the Bower instructions and list your dependencies in your bower.json, e.g.
```
// bower.json
```

{

Better local require() paths for Node.js

Problem

When the directory structure of your Node.js application (not library!) has some depth, you end up with a lot of annoying relative paths in your require calls like:

const Article = require('../../../../app/models/article');

Those suck for maintenance and they're ugly.

Possible solutions

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.

	heroku addons:add pgbackups --remote staging
	heroku addons:add pgbackups --remote production
	heroku pgbackups:capture --remote production
	heroku pgbackups:restore DATABASE `heroku pgbackups:url --remote production` --remote staging

	// http://paulirish.com/2011/requestanimationframe-for-smart-animating/
	// http://my.opera.com/emoller/blog/2011/12/20/requestanimationframe-for-smart-er-animating

	// requestAnimationFrame polyfill by Erik Möller. fixes from Paul Irish and Tino Zijdel

	// MIT license

	(function() {
	var lastTime = 0;
	var vendors = ['ms', 'moz', 'webkit', 'o'];

	app = node[:rails][:app]

	rails_base app[:name] do
	ruby_ver app[:ruby_ver]
	gemset app[:gemset]
	end

	%w{config log pids cached-copy bundle system}.each do \|dir\|
	directory "#{app[:app_root]}/shared/#{dir}" do
	owner app[:deploy_user]