Carlos Azaustre carlosazaustre

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

http://ponyfoo.com/
http://www.2ality.com/ (acá aprendí ECMAScript 6)
http://addyosmani.com/blog
http://rmurphey.com/
https://alexsexton.com/
http://carlosazaustre.es/blog/
http://christianheilmann.com/
http://dailyjs.com/ (este junta articulos muy buenos de otros blogs, muy bueno para conocer más blogs de a poco)
http://davidwalsh.name/
http://ariya.ofilabs.com/

Frontend Development

Attention: the list was moved to

https://github.com/dypsilon/frontend-dev-bookmarks

This page is not maintained anymore, please update your bookmarks.

	# The first node application
	upstream app-one {
	server 127.0.0.1:3000 max_fails=0;
	}

	# The second node application
	upstream app-two {
	server 127.0.0.1:3001 max_fails=0;
	}

	var crypto = require("crypto");
	var moment = require("moment")

	var s3 = {
	generateS3Policy: function (fileName) {
	var s3Policy = {
	'conditions': [
	{'bucket': CONF.s3.bucket},
	['starts-with', '$key', 'uploads/' + fileName],
	{'acl': 'public-read'},

	<!doctype html>
	<html ng-app="myApp">

	<head>
	<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.3/angular.min.js"></script>
	<script type="text/javascript">
	var myApp = angular.module('myApp', [], function ($interpolateProvider) {
	$interpolateProvider.startSymbol('[[');
	$interpolateProvider.endSymbol(']]');
	});

	{
	// --------------------------------------------------------------------
	// JSHint Configuration, Strict Edition
	// --------------------------------------------------------------------
	//
	// This is a options template for [JSHint][1], using [JSHint example][2]
	// and [Ory Band's example][3] as basis and setting config values to
	// be most strict:
	//
	// * set all enforcing options to true

	var mongoose = require('./index')
	, TempSchema = new mongoose.Schema({
	salutation: {type: String, enum: ['Mr.', 'Mrs.', 'Ms.']}
	});

	var Temp = mongoose.model('Temp', TempSchema);

	console.log(Temp.schema.path('salutation').enumValues);
	var temp = new Temp();
	console.log(temp.schema.path('salutation').enumValues);