chris-pearce

Keybase proof

I hereby claim:

• I am chris-pearce on github.
• I am crite (https://keybase.io/crite) on keybase.
• I have a public key ASBXNv-Uo4_uL2yF05zBWYXXSjjS3vGyxnCXWNLaqB393Ao

To claim this, I am signing this object:

chris-pearce

App Conventions

React and JavaScript

• Components should be written as function components only. In case they need access to local state and/or side-effects (life cycle methods) Hooks should be used. That is, no ES6 classes anymore.
• Follow the Container and Presentational design pattern.
• Only use index.js files for exporting modules and don't use them within every folder instead reserve them for root folders such as src/components.
• All component props should have type definitions using the prop-types library.
• For components, use an arrow function.
• Destructure props consistently, i.e., pick a way and stick to it.

chris-pearce

Keybase proof

I hereby claim:

• I am chris-pearce on github.
• I am chrispearce (https://keybase.io/chrispearce) on keybase.
• I have a public key ASCLqfPvM9YCusIVlrUHs9vOih8EjlthXVkmfvF08-rmjwo

To claim this, I am signing this object:

chris-pearce

// https://flow.org/en/docs/react/types/#toc-react-elementprops
React.ElementProps<typeof PostUpgradePrompt>

chris-pearce

document.addEventListener('focusin', () => {
  if (!modal.contains(document.activeElement) { 
    firstModalFocusable.focus();
  }
});

chris-pearce

.h-hide-visually {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px ;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

chris-pearce

<span aria-hidden="true">—</span>
<span class="h-hide-visually">None so far</span>

chris-pearce

<button class="header-nav-button time-icons time-icons-menu" type="button" 
aria-label="Navigation menu">
    <span class="h-hide-visually">Navigation menu</span>
</button>

chris-pearce

<button type="button" class="gb_b" aria-haspopup="true" tabindex="0" aria-expanded="false" 
aria-label="0 Google notifications" title="0 Google notifications">
    <div class="gb_qc gb_rc gb_Rb"></div>
</button>

chris-pearce

<button class="header-nav-button time-icons time-icons-menu" type="button" 
aria-label="Navigation menu"></button>