bdthinh

@charset "UTF-8";/*!
 * animate.css -https://daneden.github.io/animate.css/
 * Version - 3.7.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2019 Daniel Eden
 */@-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animatio

bdthinh

// # Given a string containing digits from 2-9 inclusive,
// # return all possible letter combinations that the number could represent.
// # Return the answer in any order.

// # A mapping of digits to letters (just like on the telephone buttons) is shown in file telephone.png.
// # Note that 1 does not map to any letters.

// # Example 1:

// # Input: digits = "23"

bdthinh

Steps

1. Create an executable script to run in foreground and manage colima:

cat <<-EOF | sudo tee /usr/local/bin/colima-start-fg
#!/bin/bash

export PATH="/usr/local/sbin:/usr/local/bin:/usr/bin:/bin:/usr/sbin:/sbin"

bdthinh

Keybase proof

I hereby claim:

• I am bdthinh on github.
• I am thinhdbui (https://keybase.io/thinhdbui) on keybase.
• I have a public key ASCJY1LAprhb9RHvpFgcXpR7OVo8URnhl2GJ8Q857MIEUQo

To claim this, I am signing this object:

bdthinh

    "powermode.enabled": true,
    "powermode.enableStatusBarComboTimer": false,
    "powermode.comboTimeout": 5,
    "powermode.enableStatusBarComboCounter": false,
    // "powermode.customExplosions": [
    //     "https://media.giphy.com/media/xUA7aXJY46jN2P6gGk/giphy.gif",
    //     "https://media.giphy.com/media/l0IykOPjEJopboxWw/giphy.gif",
    //     "https://media.giphy.com/media/3o7btLYqcZhUb2GP16/giphy.gif"
    // ],
    // "powermode.explosionOrder": "sequential",

bdthinh

React lifecycle cheatsheet

Method	Side effects1	State updates2	Example uses
Mounting
componentWillMount		✓	Constructor equivalent for createClass
render			Create and return element(s)
componentDidMount	✓	✓	DOM manipulations, network requests, etc.
Updating
componentWillReceiveProps		✓	Update state based on changed props

bdthinh

Git DMZ Flow

I've been asked a few times over the last few months to put together a full write-up of the Git workflow we use at RichRelevance (and at Precog before), since I have referenced it in passing quite a few times in tweets and in person. The workflow is appreciably different from GitFlow and its derivatives, and thus it brings with it a different set of tradeoffs and optimizations. To that end, it would probably be helpful to go over exactly what workflow benefits I find to be beneficial or even necessary.

• Two developers working on independent features must never be blocked by each other
  • No code freeze! Ever! For any reason!
• A developer must be able to base derivative work on another developer's work, without waiting for any third party
• Two developers working on inter-dependent features (or even the same feature) must be able to do so without interference from (or interfering with) any other parties
• Developers must be able to work on multiple features simultaneously, or at lea

bdthinh

# Your init script
#
# Atom will evaluate this file each time a new window is opened. It is run
# after packages are loaded/activated and after the previous editor state
# has been restored.
#
# An example hack to log to the console when each text editor is saved.
#
# atom.workspace.observeTextEditors (editor) ->
#   editor.onDidSave ->

bdthinh

'.platform-darwin':
  # focus pane
  'cmd-k left':        'window:focus-pane-on-left'
  'cmd-k right':       'window:focus-pane-on-right'
  'cmd-k up':          'window:focus-pane-above'
  'cmd-k down':        'window:focus-pane-below'
  # split pane
  'cmd-k cmd-left':    'pane:split-left'
  'cmd-k cmd-right':   'pane:split-right'
  'cmd-k cmd-up':      'pane:split-up'

bdthinh

The introduction to Reactive Programming you've been missing

(by @andrestaltz)

---

This tutorial as a series of videos

If you prefer to watch video tutorials with live-coding, then check out this series I recorded with the same contents as in this article: Egghead.io - Introduction to Reactive Programming.

---