Chad Smith chadsmith

I’m amazed by React and how it’s bringing happiness to our developer lives. I specially like the workflow that integrates Webpack + React + CSS Modules + Babel among other tools and preprocessors. That’s why Javier Jiménez and I are working together in a library called React Toolbox that we would like to show in a lightning talk at Reactive Conference.

The main idea is to create a set of React components implementing Material Design guidelines. There are already some libraries that solve a similar problem but our project is mostly focused on the workflow and best practices to create a tool everybody would want to use. Also, we are sticking to the design guidelines proposed by Google and embracing minimalism by generating the minimum possible amount of HTML and styles to get the best result. Our workflow includes among others:

Webpack.
ES6 with Babel
Unit t

This is a proposal for a lightning talk at the Reactive 2015 conference.

NOTE: If you like this, star ⭐ the Gist - the amount of stars decides whether it makes the cut!

The Joy of Composition

Why stateless rendering is pure bliss

React just got stateless components, meaning that they are in essence pure functions for rendering. Pure functions make it dead simple - even fun - to refactor your views

	// ==UserScript==
	// @name UTM param stripper
	// @author Paul Irish
	// @namespace http://github.com/paulirish
	// @version 1.2
	// @description Drop the UTM params from a URL when the page loads.
	// @extra Cuz you know they're all ugly n shit.
	// @include http://
	// ==/UserScript==

	{
	"name": "streamingtest",
	"version": "0.0.1",
	"engines": {
	"node": ">=0.6.0"
	},
	"dependencies": {
	"express": "2.5.x",
	"coffee-script": "1.2.x"
	},

	1) Create a branch with the tag
	git branch {tagname}-branch {tagname}
	git checkout {tagname}-branch

	2) Include the fix manually if it's just a change ....
	git add .
	git ci -m "Fix included"
	or cherry-pick the commit, whatever is easier
	git cherry-pick {num_commit}

	/* *******************************************************************************************
	* THE UPDATED VERSION IS AVAILABLE AT
	* https://github.com/LeCoupa/awesome-cheatsheets
	* ******************************************************************************************* */


	// 0. Synopsis.
	// http://nodejs.org/api/synopsis.html

	package org.paulbetts.shroom.core;

	import android.os.AsyncTask;

	import com.squareup.okhttp.*;

	import java.io.IOException;
	import java.io.InputStream;
	import java.io.UnsupportedEncodingException;
	import java.util.Arrays;

	#!/bin/sh

	# Based on instructions found here: http://wiki.razuna.com/display/ecp/FFMpeg+Installation+on+CentOS+and+RedHat#FFMpegInstallationonCentOSandRedHat-InstallX264

	if [ "`/usr/bin/whoami`" != "root" ]; then
	echo "You need to execute this script as root."
	exit 1
	fi

	cat > /etc/yum.repos.d/centos.repo<<EOF

	package uk.co.airsource.android.authtest;

	import com.google.gson.Gson;
	import com.google.gson.JsonElement;

	import java.io.UnsupportedEncodingException;
	import java.util.Map;
	import java.util.Set;

	import retrofit.converter.GsonConverter;

	// Dagger 1 example
	@Module(
	complete = false,
	library = true
	)
	public final class ApiModule {
	@Provides
	@Singleton
	Retrofit provideRetrofit(Gson gson, Application app) {
	return new Retrofit.Builder()