If you're working with data you often end up a wanting dashboard- style view - a single page of independent but related widgets (tables, charts, etc) which facilitates an at-a-glace summary of the dataset you're working with.
The difficulty here is that the web was designed as a document rendering system, whereas a dashboard requires something more akin to a component management system. And this bias is built into most common webservers, which require you to set up templates for each view and then inject variables into those templates. Which is fine if you only have one table per page, but things quickly becomes unmanageable if you're trying to manage multiple components - you find yourself replicating template markup all over the place and hacking together custom JS code to manage each component's state.
Worse still, an individual component can't update itself in isolation - the only option is to re- render the entire page, with all the performance implications that entails; you can forget about real time updates for a start.
The robustness engrained into key parts of the web stack gets forgotten as we build more dynamic applications, users might not get anything when even a small problem occurs. React provides a straightforward means to creating adaptive-hybrid or isomorphic web applications which can inject robustness back into our projects.
in-browser prototypesoptimising with Browserifytesting with Jasmine
Via Jan Hesse
The Polyglot in the Code – An Elixir/Ruby Mashup. As programmers, change is our only constant. Whether it's innovations in our current stack or the emergence of new languages and frameworks, there is always a new ...
In my previous post, I extolled the virtues of Flux, echoing many of the points given by the Facebook engineers in their excellent F8 talk on the topic. It amounted to a high-level overview of what you might expect to find in Flux-style application, but not much more than that.
So, what does it actually mean to write an application in the Flux way? At that moment of inspiration, when faced with an empty text editor, how should you begin?
Flux Flux (GitHub: BinaryMuse / fluxxor, License: MIT, Bower: fluxxor) by Brandon Tilley is a library designed to work with Facebook’s React. It provides an application architecture that’s based around a dispatcher, stores, and views.
ReactJS is a toolkit for building component-based web applications. React shines at being fast and effortless by its clever use of DOM simulation to minimize the amount of DOM manipulations and look-ups performed.
Elixir is a language intended to be easy to learn. Since Elixir is built on Erlang, it gains all the benefits of Erlang. This also means they can be used interchangeably. Elixir can call into Erlang code with no overhead since it ...
It's February 1st today, which I've decided to declare International box-sizing Awareness Day. In honor of, you guessed it, the most humble and undersung, yet awesome and useful CSS property: box-sizing.