Marcio Barrios marciobarrios

Minimum Viable Async with Node 6

With the release of Node 6.0.0, the surface of code that needs transpilation to use ES6 features has been reduced very dramatically.

This is what my current workflow looks like to set up a minimalistic and fast microservice using micro and async + await.

The promise

Hello, visitors! If you want an updated version of this styleguide in repo form with tons of real-life examples… check out Trellisheets! https://github.com/trello/trellisheets

Trello CSS Guide

“I perfectly understand our CSS. I never have any issues with cascading rules. I never have to use !important or inline styles. Even though somebody else wrote this bit of CSS, I know exactly how it works and how to extend it. Fixes are easy! I have a hard time breaking our CSS. I know exactly where to put new CSS. We use all of our CSS and it’s pretty small overall. When I delete a template, I know the exact corresponding CSS file and I can delete it all at once. Nothing gets left behind.”

You often hear updog saying stuff like this. Who’s updog? Not much, who is up with you?

	# Path to your oh-my-zsh installation.
	export ZSH=/home/deadcoder0904/.oh-my-zsh

	# Set name of the theme to load.
	# Look in ~/.oh-my-zsh/themes/
	# Optionally, if you set this to "random", it'll load a random theme each
	# time that oh-my-zsh is loaded.
	#ZSH_THEME="agnoster"
	#ZSH_THEME="cobalt2"

	import React from 'react';
	import { shallow } from 'enzyme';
	import MyComponent from '../src/my-component';

	const wrapper = shallow(<MyComponent/>);

	describe('(Component) MyComponent', () => {
	it('renders without exploding', () => {
	expect(wrapper).to.have.length(1);
	});

	#!/bin/bash

	# Let's get some color going!
	red=$'\e[1;31m'
	grn=$'\e[1;32m'
	end=$'\e[0m'

	# cd to cwd of the script (presumably in it's proper location)
	cd "$(dirname "$0")"
	printf "\nInstalling Sketch templates..."

	#!/usr/bin/env bash
	#
	# Bootstrap script for setting up a new OSX machine
	#
	# This should be idempotent so it can be run multiple times.
	#
	# Some apps don't have a cask and so still need to be installed by hand. These
	# include:
	#
	# - Twitter (app store)

	# GIFme
	# This is a really simple/stupid command line (specifically zsh) function to copy public Dropbox links to your gifs.
	#
	# Put this somewhere in your .zshrc and replace {{YOUR_PUBLIC_ID}} with your public Dropbox ID (find this by going to dropbox.com, finding a file in your "Public" folder, selecting it and clicking "Copy public link", and looking for the long number in the URL)
	#
	# This assumes your gifs (and other images you want to share) are stored in your Dropbox "Public" folder in a directory called "gifs".
	# This whole thing ain't pretty, and it could be much better. But it's a start.
	#
	# Usage:
	# "$ gifme yup.gif" will copy a public link to "{{Dropbox Directory}}/Public/gifs/yup.gif"

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<style type="text/css">
	body{ margin:0; padding:0; }
	.quarterSplit{ background:MintCream; text-align:center; width:23%; margin:0 1%; float:left; }
	.howToUseDemo{ background:LightBlue; text-align:center; }
	.contentsItem{ background:LightPink; text-align:center; height:400px; line-height:400px; }
	.normalFooter{ background:LimeGreen; text-align:center; height: 2em; line-height: 2em; }

	// this is the background code...

	// listen for our browerAction to be clicked
	chrome.browserAction.onClicked.addListener(function (tab) {
	// for the current tab, inject the "inject.js" file & execute it
	chrome.tabs.executeScript(tab.ib, {
	file: 'inject.js'
	});
	});