trinonsense

// to be used with: https://chrome.google.com/webstore/detail/custom-javascript-for-web/poakhlngfciodnhlhhgnaaelnpjljija?hl=en
// thank you: http://youmightnotneedjquery.com/


onPageLoad(buyTickets(4, 'https://www.ticketfly.com/purchase/event/1828188'));


function buyTickets(amount, ticketHref) {
    if (location.href !== ticketHref) return;

trinonsense

React Style Guide

Component Method Order

• Order based on component's life cycle
• propType and render at the beginning of the component helps to quickly scan the usage of the component
• use 3 newlines to space method/field types. no need for the newlines if the component has few methods/fields.

var React = require('react');

trinonsense

Project Review

goals

• collaborative, iterative, and continuous project cycle with marketing, product, and design
• context!
  • feature context
  • technical context
• benefits:
  • for development and design team: comprehensive context to use in elaboration for more accurate stories and estimations
• for product and marketing team: shorter feedback loop of project discussions from development and design team to create better business strategies and quicker business decisions for the product

trinonsense

/*
 * Set up factories, then create them in tests with (for example):
 *
 *   LineItemFactory();
 *
 * Or with attributes / overrides:
 *
 *   LineItemFactory({
 *     "id": 123,
 *     "order": OrderFactory({"firstName": "Example Associated Record Override"}),

trinonsense

CSS Pattern: Horizontal Flush Panel

A panel with horizontically aligned two child elements completely flushed to the right or left

A child element stay flushed to its side even if the other child element doesn't exist

trinonsense

SASS Modules

Goals

• modularity
• encapsulation
• predictability
• extensibility
• integrability
• explicitness

trinonsense

{
    "auto_upgrade_last_run": null,
    "installed_packages": [
	"AdvancedNewFile",
	"Backbone.js",
	"CSScomb",
	"Emmet",
	"Git",
	"Handlebars",
	"HTML5",

trinonsense

• ⌘ + ⇧ + P pure magic
• ⌘ + L select line - Repeat to select next lines
• ⌘ + D select word - Repeat select others occurrences
• ⌘ + ⇧ + D duplicate line
• ⌘ + R go to function
• ^ + ⇧ + K delete line
• ^ + G go to line
• ⌘ + ↩ insert line after
• ⌘ + ⇧ + ↩ insert line before
• ⌘ + ⌃ + up/down move line up/down