Tag Archives: Reactive

Angular Chart: Reactive, responsive, beautiful charts for AngularJS based on Chart.js


via angular-chart.js – beautiful, reactive, responsive charts for Angular.JS using Chart.js.

Getting started
Dependencies
This repository contains a set of native AngularJS directives for Chart.js. The only required dependencies are:

AngularJS (tested with 1.2.20 and 1.3.10 although it probably works with older versions)
Chart.js (requires Chart.js 1.0, tested with version 1.0.1-beta.2, 1.0.1-beta.4, and and 1.0.1).

Simple Reactive JavaScript library using ES6 generators/iterators


via DanShappir/Emit · GitHub.

Emit is a light-weight, Open Source library for Reactive Programming using JavaScript. Emit utilizes ECMAScript 6 (ES6) generators and iterators for implementing observable sequences. As a result, Emit is very concise, and easily extensible. Emit provides various operators for the observable sequences, modeled after array iteration methods. This makes it easy to use, in a way that will be familiar to most JavaScript developers.

An honestly reactive web frontend framework


via staltz/cycle · GitHub.

A web application framework using the Reactive Model-View-Intent architecture and Virtual DOM Rendering.

Honestly Reactive: the building blocks in Cycle are event-driven and RxJS is a hard dependency, which simplifies all code related to events, asynchrony, and errors. Structuring the app with RxJS also separates concerns, because Rx decouples data production from data consumption. As result, apps in Cycle have nothing comparable to imperative calls such as setState(), forceUpdate(), replaceProps(), handleClick(), etc.

Unidirectional Dataflow: based on the Model-View-Intent architecture, data moves from Model to View, events move from View to Intent, and Intent emits “user intentions” to the Model. Model handles information, View handles display, Intent handles interaction. They are tied together as a circular loop, each one reacting to the other, but none is controlling the others.
Functions, not classes: each node in the MVI cycle behaves like a function, receiving events as input, and outputting events. No side effects. This makes it convenient for composing with other components, or for automating tests. It also allows for a JavaScript programming style without the pitfalling this.

Virtual DOM Rendering: Views re-render completely whenever Models emit any data. The use of virtual-dom keeps performance fast by patching the actual DOM with only the minimum necessary changes.
Work in progress: API design is the current priority and might significantly evolve, performance and other issues are left aside before this gets stable.

Functional Reactive Programming with the Power of Node.js Streams


via Functional Reactive Programming with the Power of Node.js Streams – 微汇报文摘引擎.

The goal of this article is not to go into the very details of Functional Reactive Programming. It’s more about getting you interested in Node.js streams and the concept of functional reactive programming. Please feel free to share your opinion below.

Video: Reactive Programming Made Simple


Reactive Programming is very useful for building complex user interface and interactions. Unfortunately the most popular form of it is FRP (Functional Reactive Programming) which is not an easy paradigm to learn and use for newcomers. In this talk we will present you a much simpler approach that still preserves all the Reactive Programming properties usually required on day-by-day basis but allows you to use the usual imperative style just in a 1Kb library of pure JS.
This talk is suitable for medium-above average programmers who are interested in building user interfaces (although Reactive Programming might appear useful in other parts of a typical application as well). But it can also be useful for novices as this talk has no prerequisites (unlike the mentioned FRP). There will be a pretty simple code examples with a lot of interactivity on the screen. I promise, it will be a good balance between concepts, examples and fun!

Slava is a core developer at the open-source full-stack JS framework Meteor. His work includes Meteor’s real-time data updates from databases, client-side caches, packaging system, Phonegap support and other exciting things. In his free time Slava constantly tries to educate himself on different fascinating topics of Computer Science.

JSConf.Asia is the JavaScript, web and mobile developer conference for Asia. Amara Sanctuary, Singapore – 20 + 21 November 2014.

Source: http://2014.jsconf.asia/#speakers
Slides: http://slides.com/slavakim/tracker#/