Flávio Atas Medeiros Sigmus

You're probably getting this warning because you're accessing methods on a component before it gets mounted. This will be soon be an unsupported use case.

The component that gets created by invoking the convenience constructor MyComponent(props, children) or using the JSX syntax <MyComponent /> is not guaranteed to be the instance that actually gets mounted. It's a description of what the actual mounted instance should look like.

Anti-pattern:

The component also doesn't have access to state or other important information such as the final props. As a consequence you shouldn't be calling custom methods on this object.

var MyComponent = React.createClass({

Awesome PHP Libraries

A list of amazingly awesome PHP libraries that you should consider using (and some other shiny extras).

Composer/Packagist - A package and dependency manager.
Composer Installers - A multi framework Composer library installer.
Satis - A static Composer repository generator.
Symfony2 - A framework comprised of individual components.
Zend Framework 2 - Another framework comprised of individual components.
Laravel 4 - A simple PHP framework.

The Mediator pattern enables communication (mediation) between views using a mediator object.In the latest version of Backbone, the Backbone object itself can be used as a mediator without the need of a seperate helper.

In the following example, triggerSomething in our ToolbarView uses the global event-bus on the Backbone object to broadcast an application wide event somethingHappened with data.

// First view
var ToolbarView = Backbone.View.extend({
  className: ".toolbar",
  events: {
    "click .button":   "triggerSomething"

This article has been given a more permanent home on my blog. Also, since it was first written, the development of the Promises/A+ specification has made the original emphasis on Promises/A seem somewhat outdated.

You're Missing the Point of Promises

Promises are a software abstraction that makes working with asynchronous operations much more pleasant. In the most basic definition, your code will move from continuation-passing style:

getTweetsFor("domenic", function (err, results) {
 // the rest of your code goes here.

 var Application = React.createClass({
   childContextTypes: {
     createProduct: React.PropTypes.func
   },
   getChildContext: function() {
     return {
       createProduct: this.createProduct
     }
   },

	<html>
	<head>
	<script src="https://maps.googleapis.com/maps/api/js?sensor=false" ></script>
	<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
	<script src="http://fb.me/react-0.8.0.js"></script>
	<script src="http://fb.me/JSXTransformer-0.8.0.js"></script>
	<script type='text/jsx'>
	/** @jsx React.DOM */
	ExampleGoogleMap = React.createClass({
	getDefaultProps: function () {

	var gulp = require('gulp');
	var browserify = require('gulp-browserify');
	var less = require('gulp-less');
	var concat = require('gulp-concat');
	var jshint = require('gulp-jshint');

	var outDir = null;

	var sources = {
	scripts: './app/scripts/*/.js',

	FROM ubuntu

	RUN dpkg-divert --local --rename --add /sbin/initctl
	RUN ln -s /bin/true /sbin/initctl

	RUN echo "deb http://archive.ubuntu.com/ubuntu precise main universe" > /etc/apt/sources.list
	RUN apt-get update
	RUN apt-get upgrade -y

	RUN apt-get -y install mysql-client mysql-server

	function makeList(ref) {
	var fruits = ["banana", "apple", "grape", "orange"];
	for (var i = 0; i < fruits.length; i++) {
	ref.push(fruits[i]);
	}
	}

	function getFirstFromList(ref, cb) {
	ref.startAt().limit(1).once("child_added", function(snapshot) {
	cb(snapshot.val());

	<?php

	function validar_cpf($cpf)
	{
	$cpf = preg_replace('/[^0-9]/', '', (string) $cpf);

	// Valida tamanho
	if (strlen($cpf) != 11)
	return false;