I say "animated gif" but in reality I think it's irresponsible to be serving "real" GIF files to people now. You should be serving gfy's, gifv's, webm, mp4s, whatever. They're a fraction of the filesize making it easier for you to deliver high fidelity, full color animation very quickly, especially on bad mobile connections. (But I suppose if you're just doing this for small audiences (like bug reporting), then LICEcap is a good solution).
2015-01-29 Unofficial Relay FAQ
Compilation of questions and answers about Relay from React.js Conf.
Disclaimer: I work on Relay at Facebook. Relay is a complex system on which we're iterating aggressively. I'll do my best here to provide accurate, useful answers, but the details are subject to change. I may also be wrong. Feedback and additional questions are welcome.
Relay is a new framework from Facebook that provides data-fetching functionality for React applications. It was announced at React.js Conf (January 2015).
| // 1. Improve the Counter class in Section 5.1, "Simple Classes and Parameterless | |
| // Methods," on page 51 so that it doesn't turn negative at Int.MaxValue. | |
| class Counter { | |
| private var value = 0 | |
| def increment() { if(value < Int.MaxValue) value += 1 } | |
| def current = value | |
| def isLess(other: Counter) = value < other.value // can access private field of other object | |
| } |
This example, using satirical data from The Onion, demonstrates how to wrap long axis labels to fit on multiple lines.
UPDATE: In order to make this code work for horizontal bar charts, the code for setting the 'y' attribute must be used when setting the 'x' attribute. I've included only the wrap function in this fork.
I say "animated gif" but in reality I think it's irresponsible to be serving "real" GIF files to people now. You should be serving gfy's, gifv's, webm, mp4s, whatever. They're a fraction of the filesize making it easier for you to deliver high fidelity, full color animation very quickly, especially on bad mobile connections. (But I suppose if you're just doing this for small audiences (like bug reporting), then LICEcap is a good solution).
| <div ng-app="myModule"> | |
| <script type="text/ng-template" id="myTemplatePopover.html"> | |
| <div ng-controller="PopoverTestCtrl"> | |
| <span>Is it not <b style="color:red;">glorious</b> to have <i>html</i> in a popover?</span> | |
| <span>{{ theStuff }}</span> | |
| <button class="btn btn-danger" ng-click="$popover.close()">Try closing here!</span> | |
| </div> | |
| </script> | |
| <button class="btn btn-success" template-popover="myTemplatePopover.html" template-popover-title="I'm a title!" template-popover-placement="bottom">You can have popovers with templates too!</button> |
(by @andrestaltz)
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.
| <script type="text/javascript"> | |
| (function () { | |
| "use strict"; | |
| // once cached, the css file is stored on the client forever unless | |
| // the URL below is changed. Any change will invalidate the cache | |
| var css_href = './index_files/web-fonts.css'; | |
| // a simple event handler wrapper | |
| function on(el, ev, callback) { | |
| if (el.addEventListener) { | |
| el.addEventListener(ev, callback, false); |
| (function (root, factory) { | |
| if ( typeof define === 'function' && define.amd ) { | |
| define([], factory(root)); | |
| } else if ( typeof exports === 'object' ) { | |
| module.exports = factory(root); | |
| } else { | |
| root.myPlugin = factory(root); | |
| } | |
| })(typeof global !== "undefined" ? global : this.window || this.global, function (root) { |
| // 1. The signum of a number is 1 if the number is positive, -1 if it is negative, and | |
| // 0 if it is zero. Write a function that computes this value. | |
| def signum(n: Int) = { | |
| if (n > 0) 1 | |
| else if (n < 0) -1 | |
| else 0 | |
| } //> signum: (n: Int)Int | |
| signum(4) //> res0: Int = 1 |
