Adi Luhung Suryadi adisuryadi

React now supports the use of ES6 classes as an alternative to React.createClass().

React's concept of Mixins, however, doesn't have a corollary when using ES6 classes. This left the community without an established pattern for code that both handles cross-cutting concerns and requires access to Component Life Cycle Methods.

In this gist, @sebmarkbage proposed an alternative pattern to React mixins: decorate components with a wrapping "higher order" component that handles whatever lifecycle methods it needs to and then invokes the wrapped component in its render() method, passing through props.

While a viable solution, this has a few drawbacks:

There's no way for the child component to override functionality defined on the higher order component.

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.

What is Relay?

Relay is a new framework from Facebook that provides data-fetching functionality for React applications. It was announced at React.js Conf (January 2015).

Folder Structure

Please note

While this gist has been shared and followed for years, I regret not giving more background. It was originally a gist for the engineering org I was in, not a "general suggestion" for any React app.

Typically I avoid folders altogether. Heck, I even avoid new files. If I can build an app with one 2000 line file I will. New files and folders are a pain.

##API URLS

Account Resources
- https://youngliving.com/api/accounts
Catalog Resources
- https://youngliving.com/api/shopping
Downline Resources
- https://youngliving.com/vo.dlv.api

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.

Using bitlbee with HipChat

Initial setup

account add jabber [email protected] 'PASSWORD'
account hipchat set nick_source full_name
account hipchat set resource bot
account hipchat on

	interface TypeMethods {
	arguments(value: any): boolean;
	array(value: any): boolean;
	boolean(value: any): boolean;
	date(value: any): boolean;
	error(value: any): boolean;
	function(value: any): boolean;
	nan(value: any): boolean;
	null(value: any): boolean;
	number(value: any): boolean;

	function AjaxError(jqXHR, textStatus, errorThrown) {
	this.name = "AjaxError";
	this.message = textStatus;
	this.jqXHR = jqXHR;
	this.errorThrown = errorThrown;
	}
	AjaxError.prototype = new Error();
	AjaxError.prototype.constructor = AjaxError;

	(function($) {

	NOTE: Easier way is the X86 way, described on https://www.genymotion.com/help/desktop/faq/#google-play-services

	Download the following ZIPs:

	ARM Translation Installer v1.1 (http://www.mirrorcreator.com/files/0ZIO8PME/Genymotion-ARM-Translation_v1.1.zip_links)

	Download the correct GApps for your Android version:
	Google Apps for Android 6.0 (https://www.androidfilehost.com/?fid=24052804347835438 - benzo-gapps-M-20151011-signed-chroma-r3.zip)
	Google Apps for Android 5.1 (https://www.androidfilehost.com/?fid=96042739161891406 - gapps-L-4-21-15.zip)
	Google Apps for Android 5.0 (https://www.androidfilehost.com/?fid=95784891001614559 - gapps-lp-20141109-signed.zip)

	<!-- Raven.js Config -->
	<script src="{{ JS_PATH }}/lib/raven.js" type="text/javascript"></script>
	<script type="text/javascript">
	// Ignore list based off: https://gist.github.com/1878283
	var ravenOptions = {
	// Will cause a deprecation warning, but the demise of `ignoreErrors` is still under discussion.
	// See: https://github.com/getsentry/raven-js/issues/73
	ignoreErrors: [
	// Random plugins/extensions
	'top.GLOBALS',