srph

/**
 * Check if an element is under an anchor element
 */
function isDescendantOfAnchor(element) {
  do {
    if (element.tagName === 'A') {
      return true
    }
  } while(element = element.parentNode)

srph

<h5 class="text-fade-in js-animatable" data-animatable-offset="256" data-animatable-delay="200">Staging</h5>
<h5 class="text-fade-in js-animatable" data-animatable-offset="324" data-animatable-delay="300">Deep-cleaning</h5>
<h5 class="text-fade-in js-animatable" data-animatable-offset="324" data-animatable-delay="400">Cosmetic renovations</h5>
<h5 class="text-fade-in js-animatable" data-animatable-offset="358" data-animatable-delay="500">Decluttering</h5>
<h5 class="text-fade-in js-animatable" data-animatable-offset="392" data-animatable-delay="600">Landscaping</h5>
<h5 class="text-fade-in js-animatable" data-animatable-offset="460" data-animatable-delay="700">Painting</h5>
<h5 class="text-fade-in js-animatable" data-animatable-offset="460" data-animatable-delay="800">Pest control</h5>
<h5 class="text-fade-in js-animatable" data-animatable-offset="494" data-animatable-delay="900">Custom closets</h5>

<div class="photo-cover js-animatable">

srph

import { Location, LocationState } from 'history';
import { RouteComponentProps as ReactRouteComponentProps } from 'react-router-dom'

export interface RouteComponentProps<Q = { [key: string]: string }> extends ReactRouteComponentProps {
  location: Location<LocationState> & {
    query: Q
  };
}

srph

// Error404Context.js
export default {Provider, Consumer} = React.createContext()

// Error404Provider.js
class Error404Provider extends React.Component {
  state = {
    isError: false
  }

  render() {

srph

const form = useFormState({ 
  email: '',
  password: ''
})

// returns form.setEmail, form.email, form.setPassword, and form.password
<input value={form.email} onChange={form.setEmail} />

srph

import * as React from 'react'
import { NavLink, NavLinkProps } from 'react-router-dom';

// https://stackoverflow.com/a/50689136
type Omit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>

interface IRouterNavLinkProps extends Omit<NavLinkProps, 'activeClassName'> {}

const RouterNavLink: React.SFC<IRouterNavLinkProps> = (props) => {
  return (

srph

import instance from './instance'
import { toast }  from '@app/components/Toast'
import { AxiosRequestConfig, AxiosError } from 'axios';

interface IAxiosInterceptorValidationConfig extends AxiosRequestConfig {
  appValidationError?: string | boolean
}

interface IAxiosInterceptorValidationError extends AxiosError {
  config: IAxiosInterceptorValidationConfig

srph

function subsetIncludes(array: any[], value: any): boolean {
  return Boolean(
    array.find(arrayValue => isSubset(arrayValue, value))
  )
}

srph

import * as React from 'react'
import { Route } from 'react-router-dom'
import { RouteProps } from 'react-router'

interface IRouterRouteProps extends RouteProps {
  component: any
}

class RouterRoute extends React.Component<IRouterRouteProps> {
  render() {

srph

import * as React from 'react'
import { Switch } from 'react-router-dom'

interface IRouterSwitch {
  children: any
}

class RouterSwitch extends React.Component<IRouterSwitch, {}> {
  render() {
    const {children, ...rest} = this.props