webbower’s gists

webbower / 01-handle-application-response-codes.js

Last active September 24, 2021 21:23

Complex Promise handling examples

	zhuLiDoTheThing(args)
	// Application status codes can come from HTTP 2xx, 4xx, and 5xx responses. This `.then()` will attempt to resolve
	// to Promise<codeString> or reject with an error if the code is missing from the response body.
	.then(
	response => {
	if (response.code) {
	// Forward the code from the response
	return response.code;
	}

webbower / CSS for and 

Created July 9, 2021 17:03 — forked from unruthless/CSS for and

CSS for and

	sub, sup {
	/* Specified in % so that the sup/sup is the
	right size relative to the surrounding text */
	font-size: 75%;

	/* Zero out the line-height so that it doesn't
	interfere with the positioning that follows */
	line-height: 0;

	/* Where the magic happens: makes all browsers position

webbower / multi-var-set.js

Created July 2, 2021 17:16

HTML/CSS/JS Patterns

webbower / useConstant.js

Last active April 5, 2025 16:51

Custom hooks

	import { useState, useRef } from 'react';

	// Can't use React State because setting the constant to a function will execute that function in `useState`
	// const useConstant = value => useState(value)[0];
	const useConstant = value => useRef(value).current;

	const myConst = useConstant('foo');

webbower / rally-btree-serialize-post-interview.js

Last active July 9, 2020 00:00

Rally Binary tree question

	//// POST INTERVIEW VERSION
	// NOTE Rado, Yi: I took the code where I left off and got it working in this second Gist file. It's probably not
	// the most elegant solution, but it works. The code as of the end of the interview is in the other Gist.

	// Given a binary tree, how would you serialize it into a string?

	//Example input
	var input = {
	value: "a",
	left: {

webbower / interview-coderpad.js

Last active June 20, 2024 21:28

Interviewing utilities

webbower / ducks-module-tmpl.js

Last active May 4, 2020 19:16

Template for a Redux Ducks module

	const prop = key => obj => obj[key];

	// Action Types
	const MY_ACTION = '{my}-app/{module}/MY_ACTION';

	// Action Creators
	export const myAction = (value) => ({
	type: MY_ACTION,
	payload: value,
	});

webbower / a11y.html

Created May 1, 2020 19:40

A11y patterns for HTML from https://gomakethings.com/hidden-content-for-better-a11y/

webbower / package.json

Last active May 1, 2020 19:32

Simple, composable, instanced-enabled model factories

webbower / extract-error-data.js

Created November 9, 2019 02:06

Extract data from error objects for serialization since Error instances are weirdly finicky and not straightforward to pull data from


	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>a11y for HTML</title>
	<style>
	/**
	* Visually hide an element, but leave it available for screen readers
	* @link https://github.com/h5bp/html5-boilerplate/blob/master/dist/css/main.css
	* @link http://snook.ca/archives/html_and_css/hiding-content-for-accessibility

Matt Bower webbower