timc1

import React from 'react'

const FocusContext = React.createContext()

export function FocusProvider({ children }) {
  const focusElement = React.useRef(null)

  const cacheFocusElement = element => (focusElement.current = element)

  const toggleFocus = () => {

timc1

import React from "react"

export default function useFocus() {
const cachedElement = React.useRef(null)

const setFocusCache = () => (cachedElement.current = document.activeElement)

const setFocus = () =>
  cachedElement.current ? cachedElement.current.focus() : {}

timc1

import React from "react";

function isMobile() {
  if (typeof document !== `undefined`) {
    return "ontouchstart" in document.documentElement === true;
  }
  return false;
}

const mobile = isMobile();

timc1

import React from 'react'

type DropzoneContextValue = {
  isDragging: boolean
}

const DropzoneContext = React.createContext<DropzoneContextValue | undefined>(
  undefined
)

timc1

yad @typescript-eslint/parser eslint-config-react-app eslint-plugin-jsx-a11y eslint-config-prettier eslint-plugin-react-hooks

timc1

import React from 'react'
import firebaseConfig from '../path/to/firebase-config'
import firebase from 'firebase/app'
import 'firebase/auth'
import FullPageLoading from '../path/to/full-page-loading'

AuthProvider.actions = {
  setUser: 'SET_USER',
  toggleLoading: 'TOGGLE_LOADING',
}

timc1

import React from 'react'
import styled from '@emotion/styled'

type StatusType = 'error' | 'neutral' | 'success'

type State = {
  isStatusShowing: boolean
  status: string
  type: StatusType
}

timc1

This emulate's vim's <C-e> and <C-y> for scrolling in VSCode using the macros extension.

1. add the following to settings.json

"macros": {
  "scrollLineDownFaster": [
 "scrollLineDown",

timc1

import * as React from "react";

type Theme = "system" | "light" | "dark";

const STORAGE_KEY = "theme";
const VALID_THEMES: Theme[] = ["system", "light", "dark"];
const DARK_MODE_MEDIA_QUERY = "(prefers-color-scheme: dark)";

function getAppTheme(): Theme {
  if (typeof window !== "undefined") {

timc1

import * as React from "react";

type ThemeConfig = "system" | "light" | "dark";
type ThemeName = "light" | "dark";
// Custom themes are keyed by a unique id.
type KeyedThemes = {
  [k: string]: {
    config: ThemeConfig;
    themeName: ThemeName;
  };