fnky

function BetterFixedLazyExample({ lazyValue }) {
  // Initialize with null value.
  const myRef = useRef(null);
  
  useLayoutEffect(() => {
    console.log(myRef.current); // => HTMLDivElement DOM node
  }, []);
  
  // Make sure the ref setter is not blocked by conditionals.
  return (

fnky

import React from 'react';
import { createBrowserHistory } from 'history';

export const historyContext = React.createContext(null);
const HistoryContextProvider = historyContext.Provider;

// This is initialized at the time the file/module is imported, and not on component mount.
const history = createBrowserHistory();

export function History(props) {

fnky

Cheap-ish fonts

A list of cheap-ish fonts, that doesn't put a dent in my wallet.

• Greycliff CF

fnky

Awesome Variable Fonts

A list of open source and free* variable fonts.

* Some fonts may require a license to be used for commerical use.

Open Source

• iA Fonts
• Inter

fnky

Serialization Tools

Multi-language support

• FlatBuffers
• Protocol Buffers
• MessagePack
• Cap'n'Proto
• Apache Thrift
• Apache Avro

fnky

fnky

# Query order pattern from GitHub GraphQL API
# Can be used in conjunction with Relay pagination.

"""
Possible directions in which to order a list of items when provided an `orderBy` argument.
"""
enum OrderDirection {
  """
  Specifies an ascending order for a given `orderBy` argument.
  """

fnky

/**
 * Marks all closed issues and pull reuqest notifications as read.
 */

(() => {
    const closedIssueNodes = document.querySelectorAll('.js-notification .type-icon-state-closed, .js-notification .type-icon-state-merged');

    closedIssueNodes.forEach(node => {
        node.offsetParent.querySelector('button.delete-note').click();
    }); 

fnky

import React from 'react';
import ReactDOM from 'react-dom';
import usePersistedState from './usePersistedState';

function App() {
  const [count, setCount, unsetCount] = usePersistedState(
    0,
    'count',
    sessionStorage
  );

fnky

ANSI Escape Sequences

Standard escape codes are prefixed with Escape:

• Ctrl-Key: ^[
• Octal: \033
• Unicode: \u001b
• Hexadecimal: \x1b
• Decimal: 27