jamesarosen

/**
  * @example
  * const users = addServerTiming(responseHeaders, 'LU', () => db.fetch('users'))
  * @see https://web.dev/custom-metrics/?utm_source=devtools#server-timing-api
  */
export default function addServerTiming<T>(headers: Headers, label: string, callback: () => T): T {
  const start = Date.now();
  const maybePromise = callback();

  if (maybePromise instanceof Promise) {

jamesarosen

# Braintree publish a list of their CIDR blocks and IP addresses at
# https://assets.braintreegateway.com/json/ips.json
# The body looks like
# {
#   "production": {
#     "cidrs": [
#       "1.2.3.4/5"
#     ]
#     "ips": [
#       "6.7.8.9"

jamesarosen

function isCacheable(response) {
  const vary = response.headers.get('Vary')

  return (
    response.status >= 200 &&
    response.status < 400 &&
    response.status !== 206 &&
    response.headers.get('Cache-Control') != null &&
    vary !== '_' &&
    vary !== '*'

jamesarosen

const STATUSES = {
  initial: {},
  fetching: { showLoadingIndicator: true },
  fetched: { showResults: true },
  error: { showError: true },
}

function Foo() {
  const [status, setStatus] = useState(STATUSES.initial)
  const [results, setResults] = useState(null)

jamesarosen

I have a function that generates image URLs. This function combines some relatively static global configuration with some dynamic data that changes on every invocation. I say "relatively static" because the configuration is loaded asynchronously during the application boot, but remains fixed after that.

Option One

export default async function imageUrl(imageId, { size = 'normal' }) {
  if (imageId == null) return null
  
  const constantsResponse = await fetch('/api/constants')
 const imagesRoot = constantsResponse.json().imagesRoot

jamesarosen

A friend asked me whether Cloudflare's 1.1.1.1 service was having trouble resolving .org domains. Here are some findings.

From SF:

dig zendesk.com
;; ANSWER SECTION:
zendesk.com.		3432	IN	A	54.172.126.223
zendesk.com.		3432	IN	A	34.206.241.1
zendesk.com.		3432	IN	A	34.225.199.37

jamesarosen

• A Brief History of Quality: How the Concept of Quality has Evolved
• 14 Steps of Philip Crosby
  1. ensure management buy-in
  2. create the quality-improvement team
  3. measure quality in current processes
  4. determine or estimate cost of quality
  5. raise employee awareness
  6. take corrective action
  7. establish a zero-defect policy

1. practice quality training for supervisors

jamesarosen

The following code will let an ember addon provide an addon-test-support/ folder whose contents get merged into app/mirage/. It excludes addon-test-support/ from the build if mirage is disabled.

See Better Addon Support on the Ember CLI Mirage feature-request board.

jamesarosen

Background

I have been working with Ember since the SproutCore days. I have watched a passionate, dedicated team spend the last 7 years continually improving the framweork and its ecosystem. Along the way, many things have changed (almost always for the better), but some things have remained constant.

Many of the things I say below have been said by others before. I particularly recommend reading Matt McManus's Improve the interoperability of the community and the framework and Chris Garrett's Ember as a Component-Service Framework.

jamesarosen

import Ember from 'ember';

console.clear()

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  clearLog() {
    this.get('log').clear()
  },
  foo: undefined,