ericorruption

test('What component aspect are you testing?', assert => {
  const message = 'What should the feature do?'
  
  const actual = 'What is the actual output?'
  const expected = 'What is the expected output?'

  assert.equal(actual, expected, message)
})

// examples

ericorruption

function MyLambdaFunction (foo, bar) {
	// MyLambdaFunction logic here
}

exports.myHandler = function(event, context, callback) {
	var foo = event.foo;
	var bar = event.bar;
	var result = MyLambdaFunction (foo, bar);
 
	callback(null, result);

ericorruption

@media (prefers-reduced-motion: reduce) {  
  * {     
     animation: none !important;  
     transition: none !important;   
  } 
}

/* good line length */
p {
  max-width: 38em;

ericorruption

$inuit-global-spacing-unit: 8px;

.o-flag {
  display: table; 
  width: 100%;
  border-spacing: 0;
}

.o-flag__img,
.o-flag__body {

ericorruption

import { Observable } from 'rx'
const { fromEvent } = Observable

fromEvent(document.querySelector('button'), 'click').subscribe(e => console.log(e));

ericorruption

busy signal
gitcontrol
linter

ericorruption

const toggleObjectBoolean = object => {
  ...object,
  bool: !object.bool
}

const addToList = list => [
  ...list,
  'new item'
]

ericorruption

• Opionated error color: #A33131
• Centered title with lines on each side (no background-color): http://codepen.io/SachaG/pen/AEacz
• On email newsletters, Gmail ignores #000, #000000, and “black” values.

ericorruption

// define a class
class Observable {
  // each instance of the Observer class
  // starts with an empty array of things (observers)
  // that react to a state change
  constructor() {
    this.observers = [];
  }

  // add the ability to subscribe to a new object / DOM element

ericorruption

Mobile Brazil Conference

Design for all five senses

Visão:

• Objetos reais são mais interessantes que botões

• Qualidade de imagens (Performance?)

• Escalonar imagens antes de alocá-las na memória