hizo

Keybase proof

I hereby claim:

• I am hizo on github.
• I am hizo (https://keybase.io/hizo) on keybase.
• I have a public key ASBXvqlNLGhuYt-zsfOzcK11OYKqGpDzbWXiVWUhLcJKMgo

To claim this, I am signing this object:

hizo

const copy = content => {
  const textArea = document.createElement('textarea')
  textArea.style.maxHeight = '0px'
  textArea.style.height = '0px'
  textArea.style.opacity = '0'
  textArea.value = content
  document.body.appendChild(textArea)
  textArea.select()
  try {
    window.document.execCommand('copy')

hizo

Progressive Web Apps

A PWA lets you install the application from the browser window itself, is available on your phone like a native app, and works offline, just like a native app.

Requirements

Here is a summary of all requirements from google: https://developers.google.com/web/progressive-web-apps/checklist

The minimum are:

hizo

// The same api state machine as before
const withApiState = TargetComponent =>
  class extends React.Component {
    state = {
      current: "idle"
    };

    apiState = {
      pending: () => this.setState({ current: "pending" }),
      success: () => this.setState({ current: "success" }),

hizo

https://kubernetes.io/docs/reference/kubectl/overview/

https://kubernetes.io/docs/reference/kubectl/cheatsheet/

Start Kubernetes

minikube version

minikube start

Now we have kubectl available

hizo

swPrecache.write(path.resolve(__dirname, `../public/service-worker.js`), {
  cacheId: `know-it-all`,
  filename: `service-worker.js`,
  stripPrefix: `public/`,
  staticFileGlobs: [
    `public/app.*.js`, // don't include the polyfills version
    `public/*.{html,ico,json,png}`,
  ],
  dontCacheBustUrlsMatching: [
    /\.(js|json)$/, // I'm cache busting js and json files myself

hizo

const fileHash = crypto.createHash('md5').update(fileContents).digest('hex');

hizo

var scripts = ['app.a700a9a3e91a84de5dc0.js']; // script for all users

var newBrowser = (
  'fetch' in window &&
  'Promise' in window &&
  'assign' in Object &&
  'keys' in Object
);

if (!newBrowser) {

hizo

body {
    color: #212121;
    font-family: "Helvetica Neue", "Calibri Light", Roboto, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0.02em;
}

hizo

const windowPopup = (url, width, height) => {
  const left = (screen.width / 2) - (width / 2),
        top = (screen.height / 2) - (height / 2);

  window.open(
    url,
    "",
    "menubar=no,toolbar=no,resizable=yes,scrollbars=yes,width=" + width + ",height=" + height + ",top=" + top + ",left=" + left
  );
}