emilong

Heredocs in Ruby!

Heredocs are a way to write multi-line strings in Ruby. Some of their syntax can be a bit tricky to figure out, especially when calling methods on them as literals or passing them as arguments to methods, but both can be done!

Original, verbatim Heredoc with whitespace preserved

<<-EOF
This
  reminds

emilong

  for file in $(ag -l -Grb,js '(XXX|TODO)' $(git ls-files) 2>/dev/null); do
    git blame -fn "$file" | egrep "(XXX|TODO)" | grep "$(git config user.name)"
  don

emilong

-- index usage stats
SELECT 
  relname, 
  100 * idx_scan / (seq_scan + idx_scan) percent_of_times_index_used, 
  n_live_tup rows_in_table
FROM 
  pg_stat_user_tables
WHERE 
    seq_scan + idx_scan > 0 
ORDER BY 

emilong

awk '{print $2}' /etc/ssh/ssh_host_ecdsa_key.pub | base64 -d | sha256sum -b | awk '{print $1}' | xxd -r -p | base64

emilong

const https = require("https");

// Make sure to declare SLACK_WEBHOOK_PATH in your Environment
// variables at
// https://www.twilio.com/console/runtime/functions/configure

exports.handler = (context, event, callback) => {
  // Extract the bits of the message we want
  const { To, From, Body } = event;

emilong

import BrandStore from "./brand-store";

const store = new BrandStore(window.__PRELOADED_STATE__);
// the store reference won't change, so just set it once
// and forget!
window.__PRELOADED_STATE__ = store;

emilong

import autobind from "autobind-decorator";
import { extendObservable, action, observable } from "mobx";
const brandUrl = brand =>
  `https://makeup-api.herokuapp.com/api/v1/products.json?brand=${brand.toLowerCase()}`;

export default class BrandStore {
  constructor(preloadedState) {
    const { brandProducts = {} } = preloadedState || {};

    extendObservable(this, {

emilong

import { applyMiddleware, createStore } from "redux";
import thunk from "redux-thunk";

import reducer from "./api";

function savePreloadedState({ getState }) {
  return next => action => {
    const returnValue = next(action);
    // just point the __PRELOADED_STATE__ at the state after this action.
    window.__PRELOADED_STATE__ = getState();

emilong

const START_BRAND_FETCH = "makeup/api/START_BRAND_FETCH";
const STORE_BRAND_PRODUCTS = "makeup/api/STORE_BRAND_PRODUCTS";

const EMPTY_STATE = { brandsBeingFetched: [], brandProducts: {} };
// Generally you may want to set this when running createStore(), but
// this may work too, depending on your redux state tree. See
// http://redux.js.org/docs/recipes/reducers/InitializingState.html
// for details.
const INITIAL_STATE = window.__PRELOADED_STATE__ || EMPTY_STATE;

emilong

const brandUrl = brand =>
  `https://makeup-api.herokuapp.com/api/v1/products.json?brand=${brand.toLowerCase()}`;

export default class Brand extends Component {
  fetchBrand = (brand = this.props.match.params.brand) => {
    fetch(brandUrl(brand))
    .then(response => response.json())
    .then(products => this.setState({ products }));
  };